public/vendors/bulma/sass/utilities/initial-variables.sass

   1 // Colors
   2
   3 $black:        hsl(0, 0%, 4%) !default
   4 $black-bis:    hsl(0, 0%, 7%) !default
   5 $black-ter:    hsl(0, 0%, 14%) !default
   6
   7 $grey-darker:  hsl(0, 0%, 21%) !default
   8 $grey-dark:    hsl(0, 0%, 29%) !default
   9 $grey:         hsl(0, 0%, 48%) !default
  10 $grey-light:   hsl(0, 0%, 71%) !default
  11 $grey-lighter: hsl(0, 0%, 86%) !default
  12 $grey-lightest: hsl(0, 0%, 93%) !default
  13
  14 $white-ter:    hsl(0, 0%, 96%) !default
  15 $white-bis:    hsl(0, 0%, 98%) !default
  16 $white:        hsl(0, 0%, 100%) !default
  17
  18 $orange:       hsl(14,  100%, 53%) !default
  19 $yellow:       hsl(48,  100%, 67%) !default
  20 $green:        hsl(141, 53%,  53%) !default
  21 $turquoise:    hsl(171, 100%, 41%) !default
  22 $cyan:         hsl(204, 71%,  53%) !default
  23 $blue:         hsl(217, 71%,  53%) !default
  24 $purple:       hsl(271, 100%, 71%) !default
  25 $red:          hsl(348, 86%, 61%) !default
  26
  27 // Typography
  28
  29 $family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
  30 $family-monospace: monospace !default
  31 $render-mode: optimizeLegibility !default
  32
  33 $size-1: 3rem !default
  34 $size-2: 2.5rem !default
  35 $size-3: 2rem !default
  36 $size-4: 1.5rem !default
  37 $size-5: 1.25rem !default
  38 $size-6: 1rem !default
  39 $size-7: 0.75rem !default
  40
  41 $weight-light: 300 !default
  42 $weight-normal: 400 !default
  43 $weight-medium: 500 !default
  44 $weight-semibold: 600 !default
  45 $weight-bold: 700 !default
  46
  47 // Spacing
  48
  49 $block-spacing: 1.5rem !default
  50
  51 // Responsiveness
  52
  53 // The container horizontal gap, which acts as the offset for breakpoints
  54 $gap: 32px !default
  55 // 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
  56 $tablet: 769px !default
  57 // 960px container + 4rem
  58 $desktop: 960px + (2 * $gap) !default
  59 // 1152px container + 4rem
  60 $widescreen: 1152px + (2 * $gap) !default
  61 $widescreen-enabled: true !default
  62 // 1344px container + 4rem
  63 $fullhd: 1344px + (2 * $gap) !default
  64 $fullhd-enabled: true !default
  65
  66 // Miscellaneous
  67
  68 $easing: ease-out !default
  69 $radius-small: 2px !default
  70 $radius: 4px !default
  71 $radius-large: 6px !default
  72 $radius-rounded: 290486px !default
  73 $speed: 86ms !default
  74
  75 // Flags
  76
  77 $variable-columns: true !default