diff --git a/themes/brainbaking-minimal/assets/sass/_blockquote.sass b/themes/brainbaking-minimal/assets/sass/_blockquote.sass index eaa72832..a7681744 100644 --- a/themes/brainbaking-minimal/assets/sass/_blockquote.sass +++ b/themes/brainbaking-minimal/assets/sass/_blockquote.sass @@ -1,13 +1,26 @@ +@mixin block-960 + width: calc(100% - -220px + 0px) + margin-left: -90px + +@mixin block-1120 + width: calc(100% - -260px + 0px) + margin-left: -130px + +header + @media (min-width: 960px) + @include block-960 + + @media (min-width: 1120px) + @include block-1120 + blockquote font-family: $font-alt-stack margin-left: 3rem @media (min-width: 960px) - width: calc(100% - -220px + 0px) - margin-left: -90px + @include block-960 @media (min-width: 1120px) - width: calc(100% - -260px + 0px) - margin-left: -130px + @include block-1120 opacity: 0.8 position: relative diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass index 98651f4a..fcdb2b0f 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass @@ -73,8 +73,7 @@ pre // fix FF letter float - https://stackoverflow.com/questions/6737175/firefox-specific-margin @-moz-document url-prefix() main - &.post article > p:first-of-type::first-letter, - &.essays article > p:first-of-type::first-letter + &.post .content > p:first-of-type::first-letter margin-top: 10px @@ -90,6 +89,14 @@ main @media (min-width: 1600px) max-width: 930px !important + &.post .content > p:first-of-type::first-letter + font-size: 3.05em + font-weight: bold + line-height: 1.1em + float: left + margin-right: 10px + + article text-align: left margin-bottom: 1rem @@ -102,13 +109,11 @@ main a border-bottom: 1px solid var(--accent) - &.post article > p:first-of-type::first-letter, - &.essays article > p:first-of-type::first-letter - font-size: 3.05em - font-weight: bold - line-height: 1.1em - float: left - margin-right: 10px + &:link:hover, &:visited:hover + border-bottom: 1px solid white + border-radius: 1px + color: white + background-color: var(--accent) footer @@ -128,9 +133,10 @@ main text-decoration: none !important header + text-align: center margin: auto padding-top: 1rem - padding-bottom: 1.5rem + padding-bottom: 3rem h1 color: var(--accent) diff --git a/themes/brainbaking-minimal/layouts/_default/single.html b/themes/brainbaking-minimal/layouts/_default/single.html index b1882fa3..ad545e97 100644 --- a/themes/brainbaking-minimal/layouts/_default/single.html +++ b/themes/brainbaking-minimal/layouts/_default/single.html @@ -2,20 +2,21 @@ {{ partial "bigimg" . }} -{{ partial "single-header" . }} - - - - {{ .Content | safeHTML }} - + + {{ partial "single-header" . }} + + + {{ .Content | safeHTML }} + + {{ partial "single-related" . }} {{ partial "single-comments" . }} - + {{ partial "footer.html" . }} diff --git a/themes/brainbaking-minimal/layouts/partials/single-header.html b/themes/brainbaking-minimal/layouts/partials/single-header.html index f661b3e5..88446c59 100644 --- a/themes/brainbaking-minimal/layouts/partials/single-header.html +++ b/themes/brainbaking-minimal/layouts/partials/single-header.html @@ -1,7 +1,7 @@ {{ if .Title }} - + {{ with .Params.icontag }} {{ end }} @@ -16,11 +16,13 @@ {{ if isset .Params "date" }} {{ if isset .Params "date" }} - + - {{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") }} + + {{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") }} + {{ end }} {{ if isset .Params "categories" }} @@ -30,7 +32,7 @@ {{ range .Params.categories }} - {{ . }} + {{ . }} {{ end }} {{ end }}