rayelliott
/
victor-hugo
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add gap around section block edges

This commit is contained in:
Ray Elliott 2020-04-21 14:01:41 +00:00
parent 382073f98d
commit 5a8272b47d
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/imports/layout.scss
View File

@ -1,5 +1,7 @@
.l-wrapper { .l-wrapper {
width: 100%; outline: 1px dotted #000;
width: calc(100vw - #{$unit-size});
max-width: $wrapper-max-width; max-width: $wrapper-max-width;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -36,6 +38,7 @@
} }
@media (min-width: $wrapper-max-width--wide) { @media (min-width: $wrapper-max-width--wide) {
width: 100%;
padding-left: $padding-horizontal-s; padding-left: $padding-horizontal-s;
padding-right: $padding-horizontal-s; padding-right: $padding-horizontal-s;
} }
@ -83,7 +86,7 @@
padding-top: 0.5 * $unit-size; padding-top: 0.5 * $unit-size;
padding-bottom: 0.5 * $unit-size; padding-bottom: 0.5 * $unit-size;
width: 100%; width: 100%;
max-width: 100%; max-width: calc(100% - #{$unit-size});
@media (min-width: $bp-s) { @media (min-width: $bp-s) {
padding-top: $unit-size; padding-top: $unit-size;
@ -110,6 +113,7 @@
&.is-full-width { &.is-full-width {
width: 100%; width: 100%;
max-width: initial;
} }
&.no-margin, &.no-margin,