// 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;
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;
}
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;
}
.author-header h1 {
- margin-bottom: 1rem;
+ margin-bottom: 0.5rem;
}
.author-meta {
// Content
// --------------------------------------------
+// Markdown images and videos
+.content p > img, .content p > video {
+ max-width: 100%;
+}
+
.kg-card {
margin: 0 0 2rem 0;
}
}
.kg-image {
- max-width: 100%;
+ width: 100%;
}
.kg-card figcaption {
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;
.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;
+}