Congegni/barebones
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added separate nav breakpoint and text sizes to editor

Browse source
This commit is contained in:
Dan Coulthard 2023-09-06 16:24:06 +01:00
parent bd493e99ed
commit d6c2e451f9
7 changed files with 40 additions and 219 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/styles/components/_nav.scss
View file

@ -15,7 +15,7 @@
margin: 8px auto;
transition: all $animation-speed $animation;
@include resp-max($breakpoint-md) {
@include resp-max($breakpoint-nav) {
display: block;
}
@ -57,7 +57,7 @@
}
.nav--header {
@include resp-max($breakpoint-md) {
@include resp-max($breakpoint-nav) {
ul {
list-style: none;
}

1
assets/styles/config/_variables.scss
View file

@ -6,6 +6,7 @@ $breakpoint-lg: 1280px;
$breakpoint-md: 1024px;
$breakpoint-sm: 768px;
$breakpoint-xs: 480px;
$breakpoint-nav: 1000px;
/**
* Typography

2
assets/styles/layout/_header.scss
View file

@ -2,7 +2,7 @@
padding: $base-spacing-unit 0;
margin-bottom: ($base-spacing-unit * 2);
.header__navigation {
@include resp-max($breakpoint-md) {
@include resp-max($breakpoint-nav) {
display: none;
position: fixed;
left: 0;

0
assets/styles/layout/_sections.scss Executable file
View file

1
assets/styles/style.scss
View file

@ -38,6 +38,7 @@ Text Domain: barebones
@import 'layout/main';
@import 'layout/header';
@import 'layout/footer';
@import 'layout/sections';
// 6 .Components
@import 'components/buttons';