Decrease left/right page padding on small screens to give more space for content.

This commit is contained in:
Michael Rose 2016-04-18 16:18:12 -04:00
parent a8201afaae
commit c3e28b3754
4 changed files with 5 additions and 20 deletions

View file

@ -6,16 +6,11 @@
@include container;
@include clearfix;
margin-top: 3em;
padding: 0 2em 3em;
padding: 0 1em 3em;
color: mix(#fff, $gray, 25%);
animation: intro 0.3s both;
animation-delay: 0.45s;
@include breakpoint($large) {
padding-left: 1em;
padding-right: 1em;
}
@include breakpoint($x-large) {
max-width: $x-large;
}

View file

@ -12,16 +12,11 @@
&__inner-wrap {
@include container;
@include clearfix;
padding: 1em 2em 1em;
padding: 1em 1em 1em;
font-family: $sans-serif-narrow;
font-weight: 700;
text-transform: uppercase;
@include breakpoint($large) {
padding-left: 1em;
padding-right: 1em;
}
@include breakpoint($x-large) {
max-width: $x-large;
}

View file

@ -6,15 +6,10 @@
@include container;
@include clearfix;
margin-top: 2em;
padding-left: 2em;
padding-right: 2em;
animation: intro 0.3s both;
animation-delay: 0.35s;
@include breakpoint($large) {
padding-left: 1em;
padding-right: 1em;
}
animation: intro 0.3s both;
animation-delay: 0.35s;
@include breakpoint($x-large) {
max-width: $x-large;

File diff suppressed because one or more lines are too long