revises layouts and refactors SCSS styles

2018-07-23 12:15:56 +10:00 · 2018-07-23 12:15:56 +10:00 · 7029ccd4f5
commit 7029ccd4f5
parent a557ee73fc
17 changed files with 741 additions and 596 deletions
--- a/static-src/scss/hyde-hyde/_sidebar.scss
+++ b/static-src/scss/hyde-hyde/_sidebar.scss
@ -0,0 +1,73 @@
+.sidebar {
+  background-color: $sidebar-color;
+  color: rgb(255, 255, 255);
+  color: rgba(255, 255, 255, 0.5);
+  padding: 2rem 1rem;
+  text-align: center;
+  a {
+    color: $gray-1;
+    border: none;
+    &:hover {
+      @include link-no-decoration();
+    }
+    &:focus {
+      @include link-no-decoration();
+    }
+  }
+  .sidebar-about {
+    text-align: center;
+  }
+}
+
+.sidebar-nav {
+  text-align: center;
+  list-style: none;
+  margin-bottom: 2rem;
+  margin-top: 2rem;
+  padding-left: 0;
+}
+
+.sidebar-nav-item {
+  display: block;
+  line-height: 1.75;
+  .active {
+    font-weight: bold;
+  }
+}
+.site__title {
+  font-size: $site__title-font-size;
+  margin-bottom: 0.5rem;
+  a:hover {
+    border: none;
+  }
+}
+
+.site__description {
+  font-size: 1.285rem;
+  font-weight: 300;
+}
+
+.social {
+  text-align: center;
+  a {
+    @include link-no-decoration();
+  }
+}
+
+.img--circle {
+	border-radius: 50%;
+}
+
+.img--headshot {
+	height: 115px;
+	width: 115px;
+}
+
+.img--caption {
+	font-style: italic;
+}
+
+.copyright {
+  text-align: center;
+	font-size: $copyright-font-size;
+}