Initial commit.

scss/bootstrap/_buttons.scss

@@ -0,0 +1,184 @@
+// Default buttons
+.btn {
+  // Remove border
+  &-primary, &-secondary, &-success, &-info, &-warning, &-danger, &-light, &-dark {
+    // border-color: transparent;
+  }
+
+  // Tertiary
+  &-tertiary {
+    color: $gray-600;
+    background-color: $gray-200;
+
+    &:hover, &:active, &:focus {
+      color: $black;
+      background-color: $gray-300;
+      border-color: $gray-300;
+    }
+  }
+
+  &-success {
+    color: $white;
+
+    &:hover {
+      color: $white;
+      background-color: $green-600;
+    }
+  }
+
+  &-warning {
+    color: $white;
+
+    &:hover {
+      color: $white;
+      background-color: $orange-600;
+    }
+  }
+}
+
+// Outline buttons
+.btn-outline {
+  &-success:hover {
+    color: $white;
+  }
+
+  &-warning:hover {
+    color: $white;
+  }
+
+  // Tertiary
+  &-tertiary {
+    color: $gray-600;
+    border-color: $gray-400;
+
+    &:hover {
+      color: $black;
+      background-color: $gray-200;
+      border-color: $gray-200;
+    }
+  }
+}
+
+// Tender class
+.btn-tender {
+  &-primary {
+    color: $primary;
+    background-color: $primary-50;
+    border-color: $purple-400;
+
+    &:hover {
+      color: #fff;
+      background-color: $primary;
+      border-color: $primary;
+    }
+  }
+
+  &-secondary {
+    color: $gray-800;
+    background-color: $gray-200;
+    border-color: $gray-500;
+
+    &:hover {
+      color: #fff;
+      background-color: $secondary;
+      border-color: $secondary;
+    }
+  }
+
+  // Tertiary
+  &-tertiary {
+    color: $gray-700;
+    background-color: $gray-100;
+    border-color: $gray-400;
+
+    &:hover, &:active, &:focus {
+      color: $black;
+      background-color: $gray-200;
+      border-color: $gray-200;
+    }
+  }
+
+  &-success {
+    color: $success;
+    background-color: $success-50;
+    border-color: $green-400;
+
+    &:hover {
+      color: #fff;
+      background-color: $success;
+      border-color: $success;
+    }
+  }
+
+  &-info {
+    color: $info;
+    background-color: $info-50;
+    border-color: $blue-400;
+
+    &:hover {
+      color: #fff;
+      background-color: $info;
+      border-color: $info;
+    }
+  }
+
+  &-warning {
+    color: $warning;
+    background-color: $warning-50;
+    border-color: $orange-400;
+
+    &:hover {
+      color: #fff;
+      background-color: $warning;
+      border-color: $warning;
+    }
+  }
+
+  &-danger {
+    color: $danger;
+    background-color: $danger-50;
+    border-color: $red-400;
+
+    &:hover {
+      color: #fff;
+      background-color: $danger;
+      border-color: $danger;
+    }
+  }
+}
+
+// Phantom class
+.btn-phantom {
+  &-primary, &-secondary, &-success, &-info, &-warning, &-danger {
+    background-color: transparent;
+  }
+
+  &-primary:hover {
+    color: $primary;
+    background-color: $primary-50;
+  }
+  &-secondary:hover {
+    color: $black;
+    background-color: $secondary-50;
+  }
+  &-tertiary:hover {
+    color: $gray-600;
+    background-color: $gray-100;
+  }
+  &-success:hover {
+    color: $success;
+    background-color: $success-50;
+  }
+  &-info:hover {
+    color: $info;
+    background-color: $info-50;
+  }
+  &-warning:hover {
+    color: $warning;
+    background-color: $warning-50;
+  }
+  &-danger:hover {
+    color: $danger;
+    background-color: $danger-50;
+  }
+}

scss/bootstrap/_code.scss

@@ -0,0 +1,5 @@
+code {
+  padding: 0.2rem 0.3rem;
+  background-color: $primary-lightest;
+  @include border-radius($border-radius-sm);
+}

scss/bootstrap/_form-control.scss

@@ -0,0 +1,3 @@
+.form-control {
+  background-clip: inherit; // Remove weird border in input boxes
+}

scss/bootstrap/_nav.scss

@@ -0,0 +1,19 @@
+// Beautiful nav tabs
+.nav-tabs {
+  margin-bottom: 1rem;
+}
+.nav-tabs .nav-link {
+  border: none;
+  color: #666;
+
+  &.active {
+    color: $primary;
+    background-color: transparent;
+    border: none;
+    border-bottom: 2px solid $primary;
+  }
+
+  &:hover, &:focus {
+    color: $primary;
+  }
+}

scss/bootstrap/_navbar.scss

@@ -0,0 +1,58 @@
+.navbar {
+  z-index: 1040;
+  background-image: none;
+
+  .nav-link {
+    white-space: nowrap;
+
+    &:hover {
+      color: #fff;
+    }
+  }
+
+  // Make dropdown menus auto drop
+  .dropdown {
+    .dropdown-menu {
+      // z-index: 10000;
+      display: none;
+      opacity: 0;
+      pointer-events: none;
+      // transition: all .15s linear;
+      // animation: disappear 0.15s linear;
+    }
+
+    &:hover {
+      .dropdown-menu {
+        pointer-events: auto;
+        display: block;
+        opacity: 1;
+        // transition: all .15s linear;
+        animation: appear 0.15s linear;
+      }
+    }
+
+    @keyframes appear {
+      0% {
+        display: block;
+        opacity: 0;
+      }
+      100% {
+        display: block;
+        opacity: 1;
+      }
+    }
+
+    /*@keyframes disappear {
+      0% {
+        opacity: 1;
+        display: block;
+        transform: scale(1);
+      }
+      100% {
+        opacity: 0;
+        display: none;
+        transform: scale(0);
+      }
+    }*/
+  }
+}