diff options
Diffstat (limited to 'src/objects/_button.vars.scss')
-rw-r--r-- | src/objects/_button.vars.scss | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss index bd3de91..f70bde7 100644 --- a/src/objects/_button.vars.scss +++ b/src/objects/_button.vars.scss | |||
@@ -5,14 +5,14 @@ | |||
5 | 5 | ||
6 | $line-height: props.def(--o-button--line-height, 1.4) !default; | 6 | $line-height: props.def(--o-button--line-height, 1.4) !default; |
7 | $pad-i: props.def(--o-button--pad-i, props.get(core.$size--200)) !default; | 7 | $pad-i: props.def(--o-button--pad-i, props.get(core.$size--200)) !default; |
8 | $pad-i-label: props.def(--o-button--pad-i-label, props.get(core.$size--75)) !default; | 8 | $pad-i-label: props.def(--o-button--pad-i-label, props.get(core.$size--50)) !default; |
9 | $pad-b: props.def(--o-button--pad-b, props.get(core.$size--65)) !default; | 9 | $pad-b: props.def(--o-button--pad-b, props.get(core.$size--65)) !default; |
10 | $border-width: props.def(--o-button--border-width, props.get(core.$border-width--medium)) !default; | 10 | $border-width: props.def(--o-button--border-width, props.get(core.$border-width--medium)) !default; |
11 | $rounding: props.def(--o-button--rounding, 10em) !default; | 11 | $rounding: props.def(--o-button--rounding, 10em) !default; |
12 | $font-size: props.def(--o-button--font-size, props.get(core.$font-size--100)) !default; | 12 | $font-size: props.def(--o-button--font-size, props.get(core.$font-size--100)) !default; |
13 | 13 | ||
14 | $pad-i--sm: props.def(--o-button--sm--pad-i, props.get(core.$size--150)) !default; | 14 | $pad-i--sm: props.def(--o-button--sm--pad-i, props.get(core.$size--150)) !default; |
15 | $pad-i-label--sm: props.def(--o-button--sm--pad-i-label, props.get(core.$size--50)) !default; | 15 | $pad-i-label--sm: props.def(--o-button--sm--pad-i-label, props.get(core.$size--25)) !default; |
16 | $pad-b--sm: props.def(--o-button--sm--pad-b, props.get(core.$size--25)) !default; | 16 | $pad-b--sm: props.def(--o-button--sm--pad-b, props.get(core.$size--25)) !default; |
17 | $font-size--sm: props.def(--o-button--sm--font-size, props.get(core.$font-size--75)) !default; | 17 | $font-size--sm: props.def(--o-button--sm--font-size, props.get(core.$font-size--75)) !default; |
18 | 18 | ||
@@ -66,19 +66,19 @@ $default-theme: props.def(--o-button, ( | |||
66 | ), | 66 | ), |
67 | 67 | ||
68 | --primary: ( | 68 | --primary: ( |
69 | --bg: props.get(core.$theme, --base, --800), | 69 | --bg: props.get(core.$theme, --base, --900), |
70 | --label: props.get(core.$theme, --base, --800-text), | 70 | --label: props.get(core.$theme, --base, --900-text), |
71 | --outline-border: props.get(core.$theme, --base, --800), | 71 | --outline-border: props.get(core.$theme, --base, --900), |
72 | --outline-label: props.get(core.$theme, --text), | 72 | --outline-label: props.get(core.$theme, --text), |
73 | 73 | ||
74 | --hover: ( | 74 | --hover: ( |
75 | --bg: props.get(core.$theme, --base, --900), | 75 | --bg: props.get(core.$theme, --base, --800), |
76 | --label: props.get(core.$theme, --base, --900-text), | 76 | --label: props.get(core.$theme, --base, --800-text), |
77 | ), | 77 | ), |
78 | 78 | ||
79 | --active: ( | 79 | --active: ( |
80 | --bg: props.get(core.$theme, --base, --900), | 80 | --bg: props.get(core.$theme, --base, --700), |
81 | --label: props.get(core.$theme, --base, --900-text), | 81 | --label: props.get(core.$theme, --base, --700-text), |
82 | ), | 82 | ), |
83 | ), | 83 | ), |
84 | ), 'color'); | 84 | ), 'color'); |