diff --git a/src/scss/_layout.scss b/src/scss/_layout.scss new file mode 100644 index 0000000..e197ba2 --- /dev/null +++ b/src/scss/_layout.scss @@ -0,0 +1,11 @@ +.l-wrapper { + max-width: $column-max-width; + margin: 0 auto; +} + +.l-column { + width: 100%; + height: 100%; + padding: 0 16px; +} + diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index f5ecdc5..d6bbb9c 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -9,3 +9,5 @@ $bp-max-s: 575.98px; $bp-max-m: 767.98px; $bp-max-l: 991.98px; $bp-max-xl: 1199.98px; + +$column-max-width: 1140px; diff --git a/src/scss/style.scss b/src/scss/style.scss index a2737de..2736d39 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,3 +1,4 @@ @import "variables"; @import "node_modules/modern-css-reset/src/reset"; @import "base"; +@import "layout";