src/scss/_variables.scss

   1 /*
   2         Colours
   3 */
   4 $black:                                         #000000;
   5 $white:                                         #ffffff;
   6
   7 // Grays
   8 $gray-400:                                      #ede8e8;
   9 $gray-800:                                      #31353c;
  10
  11 $red:                                           #ee2e31;
  12 $yellow:                                        #e7e247;
  13 $cyan:                                          #2ee8c8;
  14
  15 // Brand colours
  16 $lwl:                                           #4b0082;
  17 $twitter:                                       #00acee;
  18
  19 // Theme
  20 $primary:                                       $red;
  21 $secondary:                                     #757575;
  22 $light:                                         $gray-400;
  23 $dark:                                          $gray-800;
  24
  25 $theme-colors: (
  26         "lwl"                                   : $lwl,
  27         "twitter"               : $twitter,
  28 );
  29
  30 $body-bg:                                       $dark;
  31 $body-color:                            $white;
  32 $code-color:                            $white;
  33 $pre-color:                                     $white;
  34 $table-color:                           inherit;
  35
  36 $border-radius:                         5px;
  37 $border-radius-lg:                      5px;
  38
  39 // Fonts
  40 $font-family-sans-serif:        "Mukta", sans-serif;
  41
  42 $font-weight-light:                     200;
  43 $font-weight-normal:            400;
  44 $font-weight-bold:                      700;
  45
  46 // Typo
  47 $font-size-base:                        1.125rem;
  48 $lead-font-size:                        1.5rem;
  49 $small-font-size:                       85%;
  50
  51 $line-height-base:                      1.5;
  52
  53 $blockquote-font-size:          $font-size-base * 1.125;
  54
  55 // Headings
  56 $headings-font-weight:          500;
  57 $headings-line-height:          1.15;
  58 $headings-margin-bottom:        1.25rem;
  59
  60 $h1-font-size:                          3rem;
  61 $h2-font-size:                          2.5rem;
  62 $h3-font-size:                          2.25rem;
  63 $h4-font-size:                          2rem;
  64 $h5-font-size:                          1.5rem;
  65 $h6-font-size:                          1.25rem;
  66
  67 $display1-size:                         4rem;
  68
  69 // Links
  70 $link-color:                            $primary;
  71
  72 // Navbar
  73 $navbar-brand-font-size:        3rem;
  74 $navbar-brand-height:           5rem;
  75 $navbar-brand-padding-y:        1rem;
  76 $navbar-height:                         $navbar-brand-height + ($navbar-brand-padding-y * 2);
  77
  78 $navbar-nav-link-padding-x:     1rem;
  79
  80 // Buttons
  81 $btn-border-width:                      3px;
  82 $btn-padding-x:                         1.5rem;
  83 $btn-padding-y:                         .5rem;
  84
  85 // Progress
  86 $progress-height:                       1rem * $line-height-base;
  87
  88 // Breadcrumbs
  89 $breadcrumb-bg:                         white;