Decrease left/right page padding on small screens to give more space for content.
This commit is contained in:
parent
a8201afaae
commit
c3e28b3754
4 changed files with 5 additions and 20 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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
Loading…
Reference in a new issue