| 1 |
/** |
| 2 |
* Global CSS Variables |
| 3 |
*/ |
| 4 |
:root { |
| 5 |
// Main colors. |
| 6 |
--gkt-color-brand: #{$color-brand}; |
| 7 |
--gkt-color-dark-gray: #{$color-dark-gray}; |
| 8 |
--gkt-color-light-gray: #{$color-light-gray}; |
| 9 |
--gkt-color-light-gray-darken: #{$color-light-gray-darken}; |
| 10 |
|
| 11 |
// Additional colors. |
| 12 |
--gkt-color-primary: #{$color-primary}; |
| 13 |
--gkt-color-success: #{$color-success}; |
| 14 |
--gkt-color-danger: #{$color-danger}; |
| 15 |
--gkt-color-warning: #{$color-warning}; |
| 16 |
--gkt-color-info: #{$color-info}; |
| 17 |
|
| 18 |
// Radius. |
| 19 |
--gkt-border-radius: 5px; |
| 20 |
|
| 21 |
// Blocks Bottom Margin. |
| 22 |
--gkt-blocks-margin-bottom: 28px; |
| 23 |
|
| 24 |
// Transitions. |
| 25 |
--gkt-transition-duration: 0.2s; |
| 26 |
--gkt-transition-easing: ease-in-out; |
| 27 |
} |
| 28 |
|
