Initial commit.

scss/elements/footer.scss

@@ -0,0 +1,27 @@
+#footer {
+  margin-top: 1rem;
+  padding-top: 1rem;
+  padding-bottom: 1.5rem;
+  color: $gray-500;
+  background-color: $gray-800;
+
+  h2 {
+    margin-top: 1rem;
+    margin-bottom: 0.75rem;
+    font-size: $font-size-base * 1.25;
+
+    &.small {
+      font-size: $font-size-base * 1.5;
+      font-variant: all-small-caps;
+    }
+  }
+
+  .nav-link {
+    color: $gray-500;
+    padding: 0.25rem 0;
+
+    &:hover {
+      color: $white;
+    }
+  }
+}

scss/elements/radio.scss

@@ -0,0 +1,20 @@
+.essence-radio {
+  margin: 0.5rem 0;
+  padding-left: 0;
+
+  .form-check-input[type=radio] {
+    display: none;
+  }
+
+  label {
+    width: 100%;
+    padding: 0.5rem 1rem;
+    border: 1px solid $gray-300;
+    border-radius: 0.25rem;
+  }
+
+  .form-check-input[type=radio]:checked + label {
+    background-color: $primary-50;
+    border: 1px solid $primary;
+  }
+}

scss/elements/sidebar.scss

@@ -0,0 +1,89 @@
+#wrapper {
+  display: flex;
+}
+
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+
+  min-height: 100vh;
+  width: 200px;
+  padding: 5px 10px;
+
+  background-color: $white;
+
+  transition: none;
+
+  &-brand {
+    margin: 10px;
+    font-size: 1.125rem;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
+  &-header {
+    margin: 10px 10px 5px;
+    font-weight: bold;
+    color: $secondary;
+  }
+
+  &-link {
+    padding: 10px 10px;
+    border-radius: 5px;
+    color: $secondary;
+    text-decoration: none;
+
+    &:hover {
+      color: $primary;
+      background-color: $primary-lightest;
+      text-decoration: none;
+    }
+  }
+
+  &-btn-collapse {
+    margin-top: 10px;
+  }
+
+  .sidebar-collapsed-shown {
+    display: none;
+  }
+}
+
+.sidebar-collapsed {
+  width: 60px;
+  padding: 5px 5px;
+  overflow-y: overlay;
+
+  transition: width 0.25s;
+
+  .sidebar-brand {
+    text-align: center;
+
+    span {
+      display: none;
+    }
+  }
+
+  .sidebar-header {
+    display: none;
+  }
+
+  .sidebar-link {
+    padding: 10px 15px;
+
+    span {
+      display: none;
+    }
+  }
+
+  .sidebar-collapsed-hidden {
+    display: none;
+  }
+  .sidebar-collapsed-shown {
+    display: inline;
+  }
+}