diff options
Diffstat (limited to '.themes/classic/sass/partials')
-rw-r--r-- | .themes/classic/sass/partials/_blog.scss | 38 | ||||
-rw-r--r-- | .themes/classic/sass/partials/_navigation.scss | 2 | ||||
-rw-r--r-- | .themes/classic/sass/partials/_sharing.scss | 11 |
3 files changed, 36 insertions, 15 deletions
diff --git a/.themes/classic/sass/partials/_blog.scss b/.themes/classic/sass/partials/_blog.scss index c2c598ff..39dcecd8 100644 --- a/.themes/classic/sass/partials/_blog.scss +++ b/.themes/classic/sass/partials/_blog.scss @@ -5,8 +5,7 @@ } > article, > div > article { overflow: hidden; - padding-bottom: 1em; - &:last-child { margin-bottom: 0; } + padding-top: 1em; h2 { padding-top: 0.8em; background: $img-border top left repeat-x; @@ -32,16 +31,16 @@ font-size: .9em; color: $text-color-light; margin: 0; - @extend .sans; &.meta { + @extend .sans; text-transform: uppercase; + position: absolute; top: 0; } } @media only screen and (min-width: 768px) { margin-bottom: 1.5em; padding-bottom: 1em; background: $img-border bottom left repeat-x; - p.meta { position: absolute; top: 0; } } } .feature { @@ -82,12 +81,13 @@ } } > div > article > footer { - margin-bottom: 1.5em; - background: $img-border top left repeat-x; + padding-bottom: 2.5em; margin-top: 2em; - padding-top: 1em; @extend .sans; - p.meta { display: inline-block; font-size: .8em; } + p.meta { + margin-bottom: .8em; + font-size: .85em; + } } } @@ -95,6 +95,8 @@ article + article { background: $img-border top left repeat-x; } #content .blog-index { + padding: { top: 0; bottom: 0; } + article { padding-top: 2em; } article header { background: none; padding-bottom: 0; } article h1 { font-size: 2.2em; @@ -126,3 +128,23 @@ article + article { padding: 0 .4em 0 .2em; display: inline-block; } + +nav[role=pagination] { + text-align: center; + font-size: .95em; + div { + position: relative; + background: $img-border top left repeat-x; + padding: {top: 1.5em; bottom: 1.5em;} + } + a { + text-decoration: none; + color: $text-color-light; + &.prev { position: absolute; left: 0; } + &.next { position: absolute; right: 0; } + &:hover { color: $link-color-hover; } + &[href*=archive] { + &:before, &:after { content: '\2014'; padding: 0 .3em; } + } + } +} diff --git a/.themes/classic/sass/partials/_navigation.scss b/.themes/classic/sass/partials/_navigation.scss index be132561..fca61322 100644 --- a/.themes/classic/sass/partials/_navigation.scss +++ b/.themes/classic/sass/partials/_navigation.scss @@ -86,7 +86,7 @@ body > nav { .search { width: 91%; } } fieldset[role=mobile-nav] { display: none; } - fieldset[role=site-search]{ width: 100%; } + fieldset[role=site-search]{ width: 99%; } } @media only screen and (min-width: 992px) { diff --git a/.themes/classic/sass/partials/_sharing.scss b/.themes/classic/sass/partials/_sharing.scss index 58a4c30b..1fa97750 100644 --- a/.themes/classic/sass/partials/_sharing.scss +++ b/.themes/classic/sass/partials/_sharing.scss @@ -1,7 +1,6 @@ -footer .sharing { - display: inline-block; - position: relative; - top: .3em; - padding-left: .5em; - &:first-child { padding-left: 0; } +.sharing { + p.meta + & { + padding: { top: 1em; left: 0; } + background: $img-border top left repeat-x; + } } |