N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/_scss/_footer.scss
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;
} }

7
assets/_scss/_masthead.scss
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;
} }

9
assets/_scss/_page.scss
View file

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

2
assets/css/main.css
View file

File diff suppressed because one or more lines are too long