diff options
Diffstat (limited to 'src/objects/_card.vars.scss')
| -rw-r--r-- | src/objects/_card.vars.scss | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss index 8adbcde..9810239 100644 --- a/src/objects/_card.vars.scss +++ b/src/objects/_card.vars.scss | |||
| @@ -3,6 +3,8 @@ | |||
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; | 5 | $divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; |
| 6 | $border-width: props.def(--o-card--border-width, props.get(core.$border-width--thin)) !default; | ||
| 7 | $sub-border-width: props.def(--o-card--sub-border-width, props.get(core.$border-width--thick)) !default; | ||
| 6 | $pad-i: props.def(--o-card--pad-i, props.get(core.$size--300)) !default; | 8 | $pad-i: props.def(--o-card--pad-i, props.get(core.$size--300)) !default; |
| 7 | $pad-b: props.def(--o-card--pad-b, props.get(core.$size--250)) !default; | 9 | $pad-b: props.def(--o-card--pad-b, props.get(core.$size--250)) !default; |
| 8 | $spacing: props.def(--o-card--spacing, props.get(core.$size--200)) !default; | 10 | $spacing: props.def(--o-card--spacing, props.get(core.$size--200)) !default; |
| @@ -17,8 +19,12 @@ $key-focus--border-offset: props.def(--o-card--key-focus--border-offset, props.g | |||
| 17 | $key-focus--outline-width: props.def(--o-card--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default; | 19 | $key-focus--outline-width: props.def(--o-card--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default; |
| 18 | 20 | ||
| 19 | $bg-color: props.def(--o-card--bg-color, props.get(core.$theme, --bg-l2), 'color') !default; | 21 | $bg-color: props.def(--o-card--bg-color, props.get(core.$theme, --bg-l2), 'color') !default; |
| 22 | $border-color: props.def(--o-card--border-color, props.get(core.$theme, --box, --border), 'color') !default; | ||
| 20 | $divider-color: props.def(--o-card--divider-color, props.get(core.$theme, --border-mute), 'color') !default; | 23 | $divider-color: props.def(--o-card--divider-color, props.get(core.$theme, --border-mute), 'color') !default; |
| 21 | 24 | ||
| 25 | $hover--bg-color: props.def(--o-card--hover--bg-color, props.get(core.$theme, --border-mute), 'color') !default; | ||
| 26 | $hover--border-color: props.def(--o-card--hover--border-color, props.get(core.$theme, --border), 'color') !default; | ||
| 27 | |||
| 22 | $key-focus--label-color: props.def(--o-card--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default; | 28 | $key-focus--label-color: props.def(--o-card--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default; |
| 23 | $key-focus--border-color: props.def(--o-card--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default; | 29 | $key-focus--border-color: props.def(--o-card--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default; |
| 24 | $key-focus--outline-color: props.def(--o-card--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default; | 30 | $key-focus--outline-color: props.def(--o-card--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default; |