src/scss/_variables.scss

   1 /*
   2         Colours
   3 */
   4 $red-900:       #b71c1c;
   5 $red-600:       #e53935;
   6
   7 $amber-800:     #ff8f00;
   8 $yellow-700:    #fbc02d;
   9
  10 $blue-700:              #1976d2;
  11 $blue-400:              #42a5f5;
  12
  13 $green-600:             #43a047;
  14 $green-400:             #66bb6a;
  15
  16 $blue-grey-900: #263238;
  17 $blue-grey-700: #455a64;
  18 $blue-grey-600: #546e7a;
  19 $blue-grey-300: #90a4ae;
  20 $blue-grey-50:  #eceff1;
  21
  22 $orange-a400:   #ff3d00;
  23
  24 $cyan:                  #00bcd4;
  25
  26 // Theme
  27 $primary:               $red-900;
  28 $dark:                  $blue-grey-900;
  29
  30 // Breakpoints
  31 $grid-breakpoints: (
  32         xs: 0,
  33         sm: 600px,
  34         md: 768px,
  35         lg: 1024px,
  36         xl: 1280px
  37 );
  38
  39 $border-radius:                         2px;
  40
  41 // Fonts
  42 $font-family-sans-serif:        "Ubuntu", sans-serif;
  43
  44 // Navbar
  45 $navbar-brand-font-size:        36px;
  46 $navbar-brand-height:           32px;
  47
  48 $nav-link-height:                       24px;
  49 $navbar-nav-link-padding-x:     16px;
  50
  51 $navbar-padding-y:                      1.1rem;
  52
  53 // Buttons
  54 $btn-border-width:                      2px;