rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add basic layout scss

This commit is contained in:
Ray Elliott 2020-05-18 21:36:47 +01:00
parent 883f236c3e
commit bf00c06c25
3 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/scss/_layout.scss Normal file
View File

@ -0,0 +1,11 @@
.l-wrapper {
max-width: $column-max-width;
margin: 0 auto;
}
.l-column {
width: 100%;
height: 100%;
padding: 0 16px;
}

2
src/scss/_variables.scss
View File

@ -9,3 +9,5 @@ $bp-max-s: 575.98px;
$bp-max-m: 767.98px; $bp-max-m: 767.98px;
$bp-max-l: 991.98px; $bp-max-l: 991.98px;
$bp-max-xl: 1199.98px; $bp-max-xl: 1199.98px;
$column-max-width: 1140px;

1
src/scss/style.scss
View File

@ -1,3 +1,4 @@
@import "variables"; @import "variables";
@import "node_modules/modern-css-reset/src/reset"; @import "node_modules/modern-css-reset/src/reset";
@import "base"; @import "base";
@import "layout";