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 container;
@include clearfix; @include clearfix;
margin-top: 3em; margin-top: 3em;
padding: 0 2em 3em; padding: 0 1em 3em;
color: mix(#fff, $gray, 25%); color: mix(#fff, $gray, 25%);
animation: intro 0.3s both; animation: intro 0.3s both;
animation-delay: 0.45s; animation-delay: 0.45s;
@include breakpoint($large) {
padding-left: 1em;
padding-right: 1em;
}
@include breakpoint($x-large) { @include breakpoint($x-large) {
max-width: $x-large; max-width: $x-large;
} }

View file

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

View file

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

File diff suppressed because one or more lines are too long