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>
24 lines
1.1 KiB
CSS
24 lines
1.1 KiB
CSS
@layer base {
|
|
:root {
|
|
/* Small checkbox */
|
|
--dbv-kit-checkbox-small-font-size: calc(var(--dbv-kit-checkbox-font-size) * 0.875);
|
|
--dbv-kit-checkbox-small-height: calc(var(--dbv-kit-control-height-small) * 0.875);
|
|
--dbv-kit-checkbox-small-gap: calc(var(--dbv-kit-checkbox-gap) * 0.5);
|
|
|
|
/* Medium checkbox */
|
|
--dbv-kit-checkbox-medium-font-size: var(--dbv-kit-checkbox-font-size);
|
|
--dbv-kit-checkbox-medium-height: calc(var(--dbv-kit-control-height-medium) * 0.75);
|
|
--dbv-kit-checkbox-medium-gap: var(--dbv-kit-checkbox-gap);
|
|
|
|
/* Large checkbox */
|
|
--dbv-kit-checkbox-large-font-size: calc(var(--dbv-kit-checkbox-font-size) * 1.125);
|
|
--dbv-kit-checkbox-large-height: calc(var(--dbv-kit-control-height-large) * 0.75);
|
|
--dbv-kit-checkbox-large-gap: calc(var(--dbv-kit-checkbox-gap) * 1.25);
|
|
|
|
/* Extra large checkbox */
|
|
--dbv-kit-checkbox-xlarge-font-size: calc(var(--dbv-kit-checkbox-font-size) * 1.25);
|
|
--dbv-kit-checkbox-xlarge-height: calc(var(--dbv-kit-control-height-xlarge) * 0.75);
|
|
--dbv-kit-checkbox-xlarge-gap: calc(var(--dbv-kit-checkbox-gap) * 1.5);
|
|
}
|
|
}
|