diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_button.vars.scss | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss index 391e321..949017d 100644 --- a/src/objects/_button.vars.scss +++ b/src/objects/_button.vars.scss | |||
| @@ -96,18 +96,18 @@ $default-theme: map.deep-merge(( | |||
| 96 | ), | 96 | ), |
| 97 | 97 | ||
| 98 | --selected: ( | 98 | --selected: ( |
| 99 | --bg-color: props.get(core.$theme, --text), | 99 | --bg-color: props.get(core.$theme, --heading), |
| 100 | --label-color: props.get(core.$theme, --base, --50), | 100 | --label-color: props.get(core.$theme, --base, --50), |
| 101 | --border-color: props.get(core.$theme, --text) props.get(core.$theme, --text) props.get(core.$theme, --heading), | 101 | --border-color: props.get(core.$theme, --text) props.get(core.$theme, --text) props.get(core.$theme, --heading), |
| 102 | 102 | ||
| 103 | --hover: ( | 103 | --hover: ( |
| 104 | --bg-color: props.get(core.$theme, --heading), | 104 | --bg-color: props.get(core.$theme, --text), |
| 105 | --label-color: props.get(core.$theme, --base, --50), | 105 | --label-color: props.get(core.$theme, --base, --50), |
| 106 | --border-color: props.get(core.$theme, --heading), | 106 | --border-color: props.get(core.$theme, --heading), |
| 107 | ), | 107 | ), |
| 108 | 108 | ||
| 109 | --active: ( | 109 | --active: ( |
| 110 | --bg-color: props.get(core.$theme, --heading), | 110 | --bg-color: props.get(core.$theme, --text), |
| 111 | --label-color: props.get(core.$theme, --base, --50), | 111 | --label-color: props.get(core.$theme, --base, --50), |
| 112 | --border-color: props.get(core.$theme, --heading), | 112 | --border-color: props.get(core.$theme, --heading), |
| 113 | ), | 113 | ), |
| @@ -244,13 +244,13 @@ $default-theme-dark: props.def(--o-button, $default-theme-dark, 'dark'); | |||
| 244 | --bg-color: props.get(core.$transparent-colors, $theme, --200), | 244 | --bg-color: props.get(core.$transparent-colors, $theme, --200), |
| 245 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 245 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 246 | --border-color: transparent, | 246 | --border-color: transparent, |
| 247 | 247 | ||
| 248 | --hover: ( | 248 | --hover: ( |
| 249 | --bg-color: props.get(core.$transparent-colors, $theme, --300), | 249 | --bg-color: props.get(core.$transparent-colors, $theme, --300), |
| 250 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 250 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 251 | --border-color: transparent, | 251 | --border-color: transparent, |
| 252 | ), | 252 | ), |
| 253 | 253 | ||
| 254 | --active: ( | 254 | --active: ( |
| 255 | --bg-color: props.get(core.$transparent-colors, $theme, --400), | 255 | --bg-color: props.get(core.$transparent-colors, $theme, --400), |
| 256 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 256 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| @@ -260,17 +260,17 @@ $default-theme-dark: props.def(--o-button, $default-theme-dark, 'dark'); | |||
| 260 | 260 | ||
| 261 | --quiet: ( | 261 | --quiet: ( |
| 262 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 262 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 263 | 263 | ||
| 264 | --hover: ( | 264 | --hover: ( |
| 265 | --bg-color: props.get(core.$transparent-colors, $theme, --200), | 265 | --bg-color: props.get(core.$transparent-colors, $theme, --200), |
| 266 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 266 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 267 | ), | 267 | ), |
| 268 | 268 | ||
| 269 | --active: ( | 269 | --active: ( |
| 270 | --bg-color: props.get(core.$transparent-colors, $theme, --300), | 270 | --bg-color: props.get(core.$transparent-colors, $theme, --300), |
| 271 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 271 | --label-color: props.get(core.$transparent-colors, $theme, --900), |
| 272 | ), | 272 | ), |
| 273 | 273 | ||
| 274 | --disabled: ( | 274 | --disabled: ( |
| 275 | --label-color: props.get(core.$transparent-colors, $theme, --500), | 275 | --label-color: props.get(core.$transparent-colors, $theme, --500), |
| 276 | ), | 276 | ), |
| @@ -350,13 +350,13 @@ $themes-config: ( | |||
| 350 | --bg-color: props.get(core.$theme, $key, --100), | 350 | --bg-color: props.get(core.$theme, $key, --100), |
| 351 | --label-color: props.get(core.$theme, $key, --1100), | 351 | --label-color: props.get(core.$theme, $key, --1100), |
| 352 | --border-color: props.get(core.$theme, $key, --300), | 352 | --border-color: props.get(core.$theme, $key, --300), |
| 353 | 353 | ||
| 354 | --hover: ( | 354 | --hover: ( |
| 355 | --bg-color: props.get(core.$theme, $key, --200), | 355 | --bg-color: props.get(core.$theme, $key, --200), |
| 356 | --label-color: props.get(core.$theme, $key, --1200), | 356 | --label-color: props.get(core.$theme, $key, --1200), |
| 357 | --border-color: props.get(core.$theme, $key, --400), | 357 | --border-color: props.get(core.$theme, $key, --400), |
| 358 | ), | 358 | ), |
| 359 | 359 | ||
| 360 | --active: ( | 360 | --active: ( |
| 361 | --bg-color: props.get(core.$theme, $key, --300), | 361 | --bg-color: props.get(core.$theme, $key, --300), |
| 362 | --label-color: props.get(core.$theme, $key, --1300), | 362 | --label-color: props.get(core.$theme, $key, --1300), |
| @@ -366,17 +366,17 @@ $themes-config: ( | |||
| 366 | 366 | ||
| 367 | --quiet: ( | 367 | --quiet: ( |
| 368 | --label-color: props.get(core.$theme, $key, --1100), | 368 | --label-color: props.get(core.$theme, $key, --1100), |
| 369 | 369 | ||
| 370 | --hover: ( | 370 | --hover: ( |
| 371 | --bg-color: props.get(core.$theme, $key, --200), | 371 | --bg-color: props.get(core.$theme, $key, --200), |
| 372 | --label-color: props.get(core.$theme, $key, --1200), | 372 | --label-color: props.get(core.$theme, $key, --1200), |
| 373 | ), | 373 | ), |
| 374 | 374 | ||
| 375 | --active: ( | 375 | --active: ( |
| 376 | --bg-color: props.get(core.$theme, $key, --300), | 376 | --bg-color: props.get(core.$theme, $key, --300), |
| 377 | --label-color: props.get(core.$theme, $key, --1300), | 377 | --label-color: props.get(core.$theme, $key, --1300), |
| 378 | ), | 378 | ), |
| 379 | 379 | ||
| 380 | --disabled: ( | 380 | --disabled: ( |
| 381 | --label-color: props.get(core.$theme, --border-strong), | 381 | --label-color: props.get(core.$theme, --border-strong), |
| 382 | ), | 382 | ), |
