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

Left align hero overlay and archive features to flow better with left aligned layouts

Browse source
This commit is contained in:
Michael Rose 2016-06-06 15:16:24 -04:00
parent df86cb62c2
commit ad303b9484
3 changed files with 11 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/_scss/_archive.scss
View file

@ -149,7 +149,6 @@ a:hover {
@include breakpoint($small) { @include breakpoint($small) {
margin-bottom: 0; margin-bottom: 0;
text-align: center;
@include gallery(4 of 12); @include gallery(4 of 12);
.feature__item-teaser { .feature__item-teaser {
@ -158,14 +157,8 @@ a:hover {
} }
} }
.archive__item-body {
padding-left: 0.5em;
padding-right: 0.5em;
}
&--left { &--left {
@include full(); @include full();
// margin-bottom: 2em;
font-size: 1.25rem; font-size: 1.25rem;
.archive__item-teaser { .archive__item-teaser {
@ -187,7 +180,6 @@ a:hover {
&--right { &--right {
@include full(); @include full();
// margin-bottom: 2em;
font-size: 1.25rem; font-size: 1.25rem;
.archive__item-teaser { .archive__item-teaser {
@ -211,7 +203,6 @@ a:hover {
&--center { &--center {
@include full(); @include full();
// margin-bottom: 2em;
font-size: 1.25rem; font-size: 1.25rem;
.archive__item-teaser { .archive__item-teaser {

13
assets/_scss/_page.scss
View file

@ -113,7 +113,6 @@
margin-bottom: 2em; margin-bottom: 2em;
padding: 3em 0; padding: 3em 0;
@include clearfix; @include clearfix;
text-align: center;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -121,8 +120,12 @@
animation-delay: 0.25s; animation-delay: 0.25s;
.wrapper { .wrapper {
padding-left: 2em; padding-left: 1em;
padding-right: 2em; padding-right: 1em;
@include breakpoint($x-large) {
max-width: $x-large;
}
} }
.page__title, .page__title,
@ -133,6 +136,10 @@
text-shadow: 1px 1px 4px rgba(#000, 0.5); text-shadow: 1px 1px 4px rgba(#000, 0.5);
} }
.page__lead {
max-width: $medium;
}
.page__title { .page__title {
font-size: $type-size-2; font-size: $type-size-2;

2
assets/css/main.css
View file

File diff suppressed because one or more lines are too long