diff options
Diffstat (limited to 'design/sass')
-rw-r--r-- | design/sass/_details.scss | 71 | ||||
-rw-r--r-- | design/sass/_footer.scss | 10 | ||||
-rw-r--r-- | design/sass/_mixins.scss | 2 | ||||
-rw-r--r-- | design/sass/_typography.scss | 10 | ||||
-rw-r--r-- | design/sass/screenv9.scss | 3 |
5 files changed, 93 insertions, 3 deletions
diff --git a/design/sass/_details.scss b/design/sass/_details.scss index d5681c6..41afd04 100644 --- a/design/sass/_details.scss +++ b/design/sass/_details.scss @@ -246,6 +246,77 @@ h4.post-source { } } +.article-afterward { + @extend %clearfix; + @include constrain_narrow; + padding-bottom: 2rem; + border-bottom: 3px double #efefef; + @include breakpoint(alpha) { + .article-card-list { + display: flex; + justify-content: space-between + } + .article-card-mini { + margin-bottom: 0 + } + } + .hedtinycaps { + display: inline-block; + margin-bottom: 2.5rem; + border-bottom: 2px solid #efefef; + } +} +.article-card-list { + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; +} +.article-card-mini, .detail .article-card-mini { + margin-left: 0; + margin-right: 0; + margin-bottom: 2rem; + max-width: 100%; + a { text-decoration: none;} + .post-title { + @include fontsize(24); + text-align: center; + line-height: 1; + margin: 0; + } + .post-subtitle { + @include fontsize(18); + text-align: center; + font-family: $fancy_serif; + font-style: italic; + font-weight: normal; + margin: .25rem auto 0; + } + .post-summary, .post-date{ + text-align: center; + display: inline-block; + line-height: 0.6 !important; + color: #b6b6b6; + } + @include breakpoint(omega) { + max-width: 200px; + margin-bottom: 0; + } + @include breakpoint(beta) { + max-width: 235px; + } +} +.post-mini-image { + max-height: 220px; + overflow: hidden; + @include breakpoint(beta) { + margin-bottom: 1rem; + } + img { + margin-top: -20%; + } +} + + .entry-footer { @extend %clearfix; @include constrain_narrow; diff --git a/design/sass/_footer.scss b/design/sass/_footer.scss index ed1635c..08c9942 100644 --- a/design/sass/_footer.scss +++ b/design/sass/_footer.scss @@ -9,7 +9,9 @@ footer { margin-bottom: 1.2em; } } - ul { + .footer-nav { + list-style-type: none !important; + margin-left: 0 !important; border-top: 1px $brown dotted; border-bottom: 1px $brown dotted; padding: .5rem 0; @@ -73,3 +75,9 @@ footer { text-decoration: none; width: 70px; } +#license { + @include fancy_sans; + @include fontsize(12); + text-transform: none; + letter-spacing: normal; +} diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index dd6f257..8c936eb 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -14,7 +14,7 @@ $secondary-link-color: #838383; $archive_p_line_height: 1.6; //$light; -$narrow-beta-width: 640px; +$narrow-beta-width: 720px; $narrow-max-width: 750px; $max_width: 1440px; diff --git a/design/sass/_typography.scss b/design/sass/_typography.scss new file mode 100644 index 0000000..b4e3793 --- /dev/null +++ b/design/sass/_typography.scss @@ -0,0 +1,10 @@ +.hedtinycaps { + @include fontsize(16); + @include fancy_sans; + text-transform: uppercase; + letter-spacing: 1px; +} +.article-afterward > .hedtinycaps, p > .hedtinycaps { + text-align: left; +} + diff --git a/design/sass/screenv9.scss b/design/sass/screenv9.scss index d594e28..312018c 100644 --- a/design/sass/screenv9.scss +++ b/design/sass/screenv9.scss @@ -4,7 +4,6 @@ @import "_global.scss"; @import "_pagination.scss"; @import "_header.scss"; -@import "_footer.scss"; @import "_archives.scss"; @import "_details.scss"; @import "_images.scss"; @@ -16,3 +15,5 @@ @import "_photos.scss"; @import "_notes.scss"; @import "_forms.scss"; +@import "_typography.scss"; +@import "_footer.scss"; |