mirror of
https://github.com/dbeaver/cloudbeaver.git
synced 2026-09-24 16:04:36 +08:00
c532298eba
* refactor: remove --dbv-kit-color-text variable in favor of --dbv-kit-color-foreground, add --dbv-kit-control-disabled-opacity to use for all controls, remove --dbv-kit-btn-disabled-opacity, update docs
* refactor: add ControlSize type
* feat: create checkbox component
* docs: add checkbox stories, update button docs
* refactor: polish checkbox component, added some vars, add docs, change some defaults
* feat: add indeterminate state
* fix: prioritize check prop over inner state
* fix: button styles layer
* fix: comments
* fix: change checkbox checked style
* Revert "fix: change checkbox checked style"
This reverts commit eba1e21eb9.
---------
Co-authored-by: Wroud <wrouds@gmail.com>
Co-authored-by: mr-anton-t <42037741+mr-anton-t@users.noreply.github.com>
26 lines
1.1 KiB
CSS
26 lines
1.1 KiB
CSS
@layer base {
|
|
:root {
|
|
--dbv-kit-btn-height: var(--dbv-kit-control-height-medium);
|
|
--dbv-kit-btn-padding-inline: calc(var(--tw-spacing) * 2.5);
|
|
--dbv-kit-btn-gap: calc(var(--dbv-kit-btn-padding-inline) / 4);
|
|
--dbv-kit-btn-outline-offset: var(--dbv-kit-outline-offset);
|
|
|
|
--dbv-kit-btn-foreground: var(--tw-color-white);
|
|
--dbv-kit-btn-background: var(--dbv-kit-color-primary-600);
|
|
--dbv-kit-btn-background-hover: var(--dbv-kit-color-primary-700);
|
|
--dbv-kit-btn-background-active: var(--dbv-kit-color-primary-800);
|
|
--dbv-kit-btn-outline-color: var(--dbv-kit-color-outline);
|
|
|
|
--dbv-kit-btn-border-width: var(--dbv-kit-control-border-width);
|
|
--dbv-kit-btn-border-color: transparent;
|
|
--dbv-kit-btn-border-style: solid;
|
|
--dbv-kit-btn-border-radius: var(--dbv-kit-control-border-radius);
|
|
|
|
--dbv-kit-btn-font-weight: var(--tw-font-weight-normal);
|
|
--dbv-kit-btn-font-size: calc(var(--dbv-kit-font-size-base) * 0.875);
|
|
|
|
--dbv-kit-btn-loader-base-color: var(--tw-color-white);
|
|
--dbv-kit-btn-loader-animation: var(--tw-animate-spin);
|
|
}
|
|
}
|