assets/main/sass/libs/_vars.scss

   1 // Misc.
   2         $misc: (
   3                 z-index-base:           10000
   4         );
   5
   6 // Duration.
   7         $duration: (
   8                 menu:                           0.5s,
   9                 transition:                     0.2s
  10         );
  11
  12 // Size.
  13         $size: (
  14                 element-height:         3rem,
  15                 element-margin:         2rem,
  16                 padding:                        2rem,
  17                 wrapper:                        72rem
  18         );
  19
  20 // Font.
  21         $font: (
  22                 family:                         ('Merriweather', Georgia, serif),
  23                 family-heading:         ('Source Sans Pro', Helvetica, sans-serif),
  24                 family-fixed:           ('Courier New', monospace),
  25                 weight:                         300,
  26                 weight-bold:            600,
  27                 weight-heading:         900
  28         );
  29
  30 // Palette.
  31         $palette: (
  32                 wrapper-bg:                     #212931,
  33
  34                 bg:                                     #ffffff,
  35                 fg:                                     #212931,
  36                 fg-bold:                        #212931,
  37                 fg-light:                       mix(#212931, #ffffff, 50%),
  38                 border:                         mix(#dcdcdc, #ffffff, 50%),
  39                 border-bg:                      rgba(#dcdcdc, 0.25),
  40                 accent:                         #18bfef,
  41
  42                 alt: (
  43                         bg:                             #f5f5f5,
  44                         fg:                             #717981,
  45                         fg-bold:                #717981,
  46                         fg-light:               mix(#717981, #f5f5f5, 50%),
  47                         border:                 mix(#dcdcdc, #f5f5f5, 75%),
  48                         border-bg:              rgba(#dcdcdc, 0.5),
  49                         accent:                 #18bfef,
  50                 ),
  51
  52                 invert: (
  53                         bg:                             #1e252d,
  54                         bg-alt:                 #1e252d,
  55                         fg:                             #ffffff,
  56                         fg-bold:                #ffffff,
  57                         fg-light:               rgba(#ffffff, 0.5),
  58                         border:                 #ffffff,
  59                         border-bg:              rgba(#ffffff,0.075),
  60                         accent:                 #18bfef,
  61                 ),
  62         );