Initial commit.

scss/_variables.scss

@@ -0,0 +1,96 @@
+// Color system
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$blue:    #0d6efd !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #d63384 !default;
+$red:     #da0000 !default; // Customized
+$orange:  hsla(30, 100%, 50%, 1) !default; // The Gold color from God
+$green:   hsl(134, 87%, 30%) !default; // Customized
+$green:   #198754 !default;
+$teal:    #20c997 !default;
+$cyan:    #0dcaf0 !default;
+
+$primary: $purple;
+$info:    $blue;
+$warning: $orange;
+
+// Customize the light and dark text colors for use in our color contrast function.
+$primary-50: #f1e8ff;
+$secondary-50: #e9eff2;
+$success-50: #d9ffe1;
+$info-50: hsl(215, 100%, 97%);
+$warning-50: hsl(50, 100%, 96%);
+$danger-50: hsl(350, 100%, 96%);
+
+// Custom schematic colors
+// TODO: Remove this section
+$primary-lighter: #af83ff;
+$primary-lightest: #f1e8ff;
+$secondary-lighter: #e3e6e8;
+$secondary-lightest: #e9eff2;
+$success-lighter: #42ad5b;
+$success-lightest: #d9ffe1;
+$info-lighter: #67a3fb;
+$info-lightest: hsla(215, 100%, 97%, 1);
+$warning-lighter: #ffb972;
+$warning-lightest: hsla(50, 100%, 96%, 1);
+$danger-lighter: #ff7991;
+$danger-lightest: hsl(350, 100%, 96%);
+
+// Options
+$enable-shadows: true;
+
+// Body
+$body-bg: hsl(260, 27%, 94%);
+
+// Links
+$link-decoration: none;
+$link-hover-decoration: underline;
+
+// Typography
+$font-family-sans-serif: "Roboto", sans-serif !default;
+$font-size-base: 0.9rem;
+$line-height-base: 1.6;
+
+$h1-font-size: $font-size-base * 1.6 !default;
+$h2-font-size: $font-size-base * 1.4 !default;
+$h3-font-size: $font-size-base * 1.3 !default;
+$h4-font-size: $font-size-base * 1.2 !default;
+$h5-font-size: $font-size-base * 1.1 !default;
+$h6-font-size: $font-size-base !default;
+$headings-font-weight: bold; // Make headings bold
+
+// Code
+$code-font-size: 100%;
+$code-color: $primary;
+
+// Forms
+$input-bg: $white;
+$input-transition: null;
+
+// Buttons
+$btn-box-shadow: null;
+$enable-gradients: true;
+$btn-transition: none;
+
+// Navs
+$nav-link-transition: none;
+
+// Navbar
+$navbar-dark-color: rgba($white, .8) !default;
+$navbar-dark-hover-color: $white!default;
+
+// Breadcrumb
+$breadcrumb-divider: quote(">");