diff options
Diffstat (limited to 'src/objects/_navbar.vars.scss')
| -rw-r--r-- | src/objects/_navbar.vars.scss | 102 |
1 files changed, 51 insertions, 51 deletions
diff --git a/src/objects/_navbar.vars.scss b/src/objects/_navbar.vars.scss index fcdac80..8e18def 100644 --- a/src/objects/_navbar.vars.scss +++ b/src/objects/_navbar.vars.scss | |||
| @@ -17,68 +17,68 @@ $key-focus--outline-width: props.def(--o-navbar--key-focus--outline-width, props | |||
| 17 | 17 | ||
| 18 | $default-theme-override: () !default; | 18 | $default-theme-override: () !default; |
| 19 | $default-theme: map.deep-merge(( | 19 | $default-theme: map.deep-merge(( |
| 20 | --label-color: props.get(core.$theme, --text), | 20 | --label-color: props.get(core.$theme, --text), |
| 21 | 21 | ||
| 22 | --hover: ( | 22 | --hover: ( |
| 23 | --bg-color: props.get(core.$theme, --border-mute), | 23 | --bg-color: props.get(core.$theme, --border-mute), |
| 24 | --label-color: props.get(core.$theme, --heading), | 24 | --label-color: props.get(core.$theme, --heading), |
| 25 | ), | 25 | ), |
| 26 | 26 | ||
| 27 | --active: ( | 27 | --active: ( |
| 28 | --bg-color: props.get(core.$theme, --border), | 28 | --bg-color: props.get(core.$theme, --border), |
| 29 | --label-color: props.get(core.$theme, --heading), | 29 | --label-color: props.get(core.$theme, --heading), |
| 30 | ), | 30 | ), |
| 31 | 31 | ||
| 32 | --disabled: ( | 32 | --disabled: ( |
| 33 | --label-color: props.get(core.$theme, --border-strong), | 33 | --label-color: props.get(core.$theme, --border-strong), |
| 34 | ), | 34 | ), |
| 35 | 35 | ||
| 36 | --key-focus: ( | 36 | --key-focus: ( |
| 37 | --label: props.get(core.$theme, --focus, --text), | 37 | --label: props.get(core.$theme, --focus, --text), |
| 38 | --border: props.get(core.$theme, --focus, --border), | 38 | --border: props.get(core.$theme, --focus, --border), |
| 39 | --outline: props.get(core.$theme, --focus, --outline), | 39 | --outline: props.get(core.$theme, --focus, --outline), |
| 40 | ), | 40 | ), |
| 41 | 41 | ||
| 42 | --selected: ( | 42 | --selected: ( |
| 43 | --bg-color: props.get(core.$theme, --heading), | 43 | --bg-color: props.get(core.$theme, --heading), |
| 44 | --label-color: props.get(core.$theme, --base, --50), | 44 | --label-color: props.get(core.$theme, --base, --50), |
| 45 | 45 | ||
| 46 | --hover: ( | 46 | --hover: ( |
| 47 | --bg-color: props.get(core.$theme, --text), | 47 | --bg-color: props.get(core.$theme, --text), |
| 48 | --label-color: props.get(core.$theme, --base, --50), | 48 | --label-color: props.get(core.$theme, --base, --50), |
| 49 | ), | 49 | ), |
| 50 | 50 | ||
| 51 | --active: ( | 51 | --active: ( |
| 52 | --bg-color: props.get(core.$theme, --text-mute), | 52 | --bg-color: props.get(core.$theme, --text-mute), |
| 53 | --label-color: props.get(core.$theme, --base, --50), | 53 | --label-color: props.get(core.$theme, --base, --50), |
| 54 | ), | 54 | ), |
| 55 | 55 | ||
| 56 | --disabled: ( | 56 | --disabled: ( |
| 57 | --bg-color: props.get(core.$theme, --border-mute), | 57 | --bg-color: props.get(core.$theme, --border-mute), |
| 58 | --label-color: props.get(core.$theme, --border-strong), | 58 | --label-color: props.get(core.$theme, --border-strong), |
| 59 | ), | 59 | ), |
| 60 | ), | 60 | ), |
| 61 | 61 | ||
| 62 | --quiet: ( | 62 | --quiet: ( |
| 63 | --selected: ( | 63 | --selected: ( |
| 64 | --bg-color: props.get(core.$theme, --accent, --200), | 64 | --bg-color: props.get(core.$theme, --accent, --200), |
| 65 | --label-color: props.get(core.$theme, --accent, --1100), | 65 | --label-color: props.get(core.$theme, --accent, --1100), |
| 66 | 66 | ||
| 67 | --hover: ( | 67 | --hover: ( |
| 68 | --bg-color: props.get(core.$theme, --accent, --300), | 68 | --bg-color: props.get(core.$theme, --accent, --300), |
| 69 | --label-color: props.get(core.$theme, --accent, --1200), | 69 | --label-color: props.get(core.$theme, --accent, --1200), |
| 70 | ), | 70 | ), |
| 71 | 71 | ||
| 72 | --active: ( | 72 | --active: ( |
| 73 | --bg-color: props.get(core.$theme, --accent, --400), | 73 | --bg-color: props.get(core.$theme, --accent, --400), |
| 74 | --label-color: props.get(core.$theme, --accent, --1300), | 74 | --label-color: props.get(core.$theme, --accent, --1300), |
| 75 | ), | 75 | ), |
| 76 | 76 | ||
| 77 | --disabled: ( | 77 | --disabled: ( |
| 78 | --bg-color: props.get(core.$theme, --accent, --200), | 78 | --bg-color: props.get(core.$theme, --accent, --200), |
| 79 | --label-color: props.get(core.$theme, --accent, --800), | 79 | --label-color: props.get(core.$theme, --accent, --800), |
| 80 | ), | 80 | ), |
| 81 | ) | 81 | ) |
| 82 | ) | 82 | ) |
| 83 | ), $default-theme-override) !default; | 83 | ), $default-theme-override) !default; |
| 84 | $default-theme: props.def(--o-navbar, $default-theme, 'color'); | 84 | $default-theme: props.def(--o-navbar, $default-theme, 'color'); |