...
Variable Name | Variable Value |
|---|
$light-green-gradient
| rgba(#9fd64d, .6), rgba(#75c170, .6), rgba(#49ab95, .6), rgba(#2297b6, .6), rgba(#0086d2, .6)
|
$bg-blue-gradient
| rgba(#253a6e, .93), rgba(#1d5389, .93), rgba(#146ea6, .93), rgba(#0c85be, .93), rgba(#059bd6, .93)
|
$black-gradient
| transparent, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .6) 75%, rgba(0, 0, 0, 1) 100%
|
$black-gradient-mobile
| transparent, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, 1) 100%
|
...
Additional Context
These variables are used with applied using the linear gradient mixin. The default angle is -45deg.
Example
$blue-gradient
| Code Block |
|---|
linear-gradient(-45deg, #253a6e, #1d5389, #146ea6, #0c85be, #059bd6); |
...
https://styleguide.asce.org/section-colors.html#asgref-colors-gradients
...