src/wolnelektury/static/2022/styles/utils/_vars.scss

   1 /* ------------------------------
   2     Util: Vars
   3 ------------------------------ */
   4
   5 /* Env */
   6 $production: false;
   7
   8 $images-path: "/images" !default;
   9
  10 @if $production == true {
  11   $images-path: "/images";
  12 } @else {
  13   $images-path: "../images";
  14 }
  15
  16 /* Colors */
  17 $color-lighter-primary: #E1F1F2;
  18 $color-primary:                 #018189;
  19 $color-dark-primary:    #21535F;
  20 $color-darker-primary:  #083F4D;
  21 $color-secondary:               #92BD39;
  22
  23 $color-white:         #ffffff;
  24 $color-black:         #000000;
  25 $color-darker:        #0e0f0f;
  26 $color-dark:          #474747;
  27 $color-gray:          #666666;
  28 $color-light-gray:    #D9D9D9;
  29
  30 $color-light-blue:    #E5F4FF;
  31 $color-yellow:        #FBC40F;
  32
  33
  34 $color-action:        #3498db;
  35 $color-error:         #e33147;
  36 $color-success:       #2ecc71;
  37
  38 /* Typography */
  39 $base-font-size: 16px;
  40 $base-font: 'Source Sans Pro', sans-serif;
  41 $secondary-font: 'Source Sans Pro', sans-serif;
  42 $font-path: "../fonts" !default;
  43
  44 $light:    300;
  45 $regular:  400;
  46 $medium:   500;
  47 $semibold: 600;
  48 $bold:     700;
  49
  50 /* Layers */
  51 $master-layer:  15;
  52 $top-layer:     10;
  53 $middle-layer:  5;
  54 $default-layer: 0;
  55 $bottom-layer: -5;
  56
  57 /* Animations */
  58 $ease:         cubic-bezier(.4, 0, .2, 1);
  59 $ease-in:      cubic-bezier(.4, 0, 1, 1);
  60 $ease-out:     cubic-bezier(.0, 0, .2, 1);
  61 $ease-dynamic: cubic-bezier(0.25, 1, 0.5, 1);
  62 $duration: 250ms;
  63