Atomic Bulldog - UI/pattern library

6.4.1 - Grays

Source: variables/_colors.scss, line 196

Open in new window

Grays are in the map $gray-themes. This maps darken white (#ffffff) to black 10% by 10%

Grays can be called in the sass project using the functions:

color-gray($gray-theme, $true-val:false) which will output by default the CSS variable

Usage of font-family():

  • color-gray(0) => var(--color-gray-0) If $use-css-var = true
  • color-gray(100) => #000000 If $use-css-var = false
  • color-gray(60) => #666666 If $use-css-var = false
0
10
20
30
40
50
60
70
80
90
100