X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fmain%2Fsass%2Flayout%2F_ghost.scss;h=28699fd75860c6c06c97e29748a2e54d92838992;hb=a0cdc9f0b9f651865a664fc84d8e6d658944fa62;hp=314a2175e8da665ad9f8468ec58f1e8cfe705e45;hpb=8af2079e4b096e77ba2f922d6a18224ce01cb7bd;p=editorial.git

diff --git a/assets/main/sass/layout/_ghost.scss b/assets/main/sass/layout/_ghost.scss
index 314a217..28699fd 100644
--- a/assets/main/sass/layout/_ghost.scss
+++ b/assets/main/sass/layout/_ghost.scss
@@ -1,27 +1,44 @@
 // Main
 // --------------------------------------------
 
-// Fix main cover image bg position
-#wrapper>.bg {
-    background-position: top center;
-    background-size: cover;
-}
-
-#intro {
-    max-width: 800px;
-    margin: 0 auto;
+#header .logo {
+    color: #3d4449;
+    font-weight: bold;
 }
 
 #header .logo.image {
     padding: 0;
     border: none;
+    display: inline-flex;
+    height: 28px;
+
+    @include breakpoint('<=small') {
+        display: flex;
+        justify-content: center;
+        text-align: center;
+    }
 }
 
 #header .logo.image img {
-    height: 75px;
+    height: 28px;
     transform: none !important;
 }
 
+@include breakpoint('<=small') {
+    #sidebar:not(.inactive) .toggle:before {
+        color: #fff;
+    }
+
+    #sidebar:not(.inactive) .toggle:after {
+        background: #f56a6a;
+    }
+}
+
+#banner {
+    border-bottom: solid 2px rgba(210, 215, 217, 0.75);
+}
+
+
 .content {
     max-width: 700px;
     margin: 0 auto;
@@ -37,24 +54,17 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
-}
-
-.page-number {
-    padding: 0 20px;
-    border-color: transparent !important;
-    color: #222 !important;;
-}
-
-.spacer {
-    width: 160px;
+    padding: 3rem 0;
+    border-top: solid 2px rgba(210, 215, 217, 0.75);
 }
 
 
 // Tag Archive
 // --------------------------------------------
 
-.tag-header,
-.tag-header p {
+.tag-header {
+    padding: 5em 0 2em 0;
+    border-bottom: solid 2px rgba(210, 215, 217, 0.75);
     text-align: center;
 }
 
@@ -66,11 +76,15 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    padding: 4em 0 3em 0;
+    border-bottom: solid 2px rgba(210, 215, 217, 0.75);
+    text-align: center;
+
 }
 
 .author-profile-image {
     flex-shrink: 0;
-    margin: 0 0 20px 0;
+    margin: 0 0 15px 0;
     width: 100px;
     height: 100px;
     box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;
@@ -82,7 +96,7 @@
 }
 
 .author-header h1 {
-    margin-bottom: 1rem;
+    margin-bottom: 0.5rem;
 }
 
 .author-meta {
@@ -172,6 +186,11 @@
 // Content
 // --------------------------------------------
 
+// Markdown images and videos
+.content p > img, .content p > video {
+    max-width: 100%;
+}
+
 .kg-card {
     margin: 0 0 2rem 0;
 }
@@ -184,7 +203,7 @@
 }
 
 .kg-image {
-    max-width: 100%;
+    width: 100%;
 }
 
 .kg-card figcaption {
@@ -220,7 +239,7 @@
     position: relative;
     margin-left: -14.1rem;
     margin-right: -14.1rem;
-    width: calc(100% + 28.2rem);
+    width: calc(100% + 28.25rem);
 
     @include breakpoint('<=large') {
         margin-left: -8rem;
@@ -290,3 +309,27 @@
 .kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
     margin: -2.25em 0 3em;
 }
+
+// Error Pages
+// --------------------------------------------
+
+.error-page {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.error-wrapper {
+    flex-grow: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    padding-bottom: 8rem !important;
+    text-align: center;
+}
+
+.error-code {
+    margin: 0;
+}