diff --git a/src/css/main.scss b/src/css/main.scss index ccb2691..7acc919 100644 --- a/src/css/main.scss +++ b/src/css/main.scss @@ -38,6 +38,52 @@ a { text-align: center; } +header { + font-family: 'Lucida Grande', Arial, sans-serif; + font-size: .8em; + + a:not(.social) { + @include linkUnderlines($background-color, #4a4a4a, $link-color); + } + + h1 { + font-weight: normal; + margin: .8em 0 .8em 8px; + + img { + height: 1.2em; + float: left; + border-radius: 20px; + } + + a { + color: #000 !important; + text-decoration: none; + margin: 0; + } + + .social { + text-decoration: none; + + svg { + height: 20px; + } + + &:hover svg path, + &:hover svg rect { + fill: $link-color !important; + } + } + } + + hr { + margin: 0 auto; + width: 95%; + height: 1px; + background-color: rgba(0, 0, 0, .2); + } +} + pre code { overflow-x: auto; overflow-y: auto; @@ -112,13 +158,6 @@ hr { color: #000; } -.back-to-blog { - font-size: 2.5em; - text-decoration: none !important; - background: none !important; - text-shadow: none !important; -} - .post { font-family: 'Lucida Grande', Arial, sans-serif; font-size: 18px; @@ -156,6 +195,7 @@ footer { color: #79828B; text-align: center; } + .social-icons { a { text-decoration: none !important; @@ -167,7 +207,6 @@ footer { } } - .share { background: transparent; border: none; diff --git a/templates/partials/header.html b/templates/partials/header.html index e69de29..f1a0365 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -0,0 +1,20 @@ +
+

+ {{site.title}} + + + + +

+
+
diff --git a/templates/post.html b/templates/post.html index 439840c..19a8610 100644 --- a/templates/post.html +++ b/templates/post.html @@ -6,7 +6,6 @@