/
_variables.scss
51 lines (42 loc) · 2.33 KB
/
_variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
// ColorGradient
$colorgradient-spacer: map-get( $spacing, 4 ) !default;
$colorgradient-width: 328px !default;
$colorgradient-border-width: 1px !default;
$colorgradient-border-radius: $border-radius !default;
$colorgradient-padding-y: $colorgradient-spacer !default;
$colorgradient-padding-x: $colorgradient-padding-y !default;
$colorgradient-gap: $colorgradient-spacer !default;
$colorgradient-font-family: $font-family !default;
$colorgradient-font-size: $font-size !default;
$colorgradient-line-height: $line-height !default;
$colorgradient-bg: $component-bg !default;
$colorgradient-text: $component-text !default;
$colorgradient-border: $component-border !default;
$colorgradient-focus-border: $hovered-border !default;
$colorgradient-focus-shadow: null !default;
$colorgradient-canvas-border-radius: $border-radius !default;
$colorgradient-canvas-gap: map-get( $spacing, 3 ) !default;
$colorgradient-canvas-rectangle-height: 180px !default;
$colorgradient-slider-track-size: 10px !default;
$colorgradient-slider-border-radius: 10px !default;
$colorgradient-slider-draghandle-border-width: 3px !default;
$colorgradient-slider-vertical-size: 180px !default;
$colorgradient-slider-horizontal-size: 100% !default;
$colorgradient-draghandle-width: 14px !default;
$colorgradient-draghandle-height: 14px !default;
$colorgradient-draghandle-border-width: 1px !default;
$colorgradient-draghandle-border-radius: 50% !default;
$colorgradient-draghandle-bg: transparent !default;
$colorgradient-draghandle-text: null !default;
$colorgradient-draghandle-border: rgba( $white, .8) !default;
$colorgradient-draghandle-shadow: 0 1px 4px rgba(0, 0, 0, .5) !default;
$colorgradient-draghandle-focus-shadow: 0 1px 4px black !default;
$colorgradient-draghandle-hover-shadow: $colorgradient-draghandle-focus-shadow !default;
$colorgradient-canvas-draghandle-margin-y: -( $colorgradient-draghandle-height / 2 ) !default;
$colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width / 2 ) !default;
$colorgradient-input-width: 56px !default;
$colorgradient-input-gap: ( $colorgradient-spacer / 2 ) !default;
$colorgradient-input-label-gap: map-get( $spacing, 1 ) !default;
$colorgradient-input-label-text: $disabled-text !default;
$colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
$colorgradient-contrast-spacer: ( $colorgradient-spacer / 2 ) !default;