33 lines
1.4 KiB
CSS
33 lines
1.4 KiB
CSS
:root{
|
|
/* size */
|
|
--p-checkbox-width: 1.5rem;
|
|
--p-checkbox-height: 1.5rem;
|
|
--p-checkbox-sm-width: 1rem;
|
|
--p-checkbox-sm-height: 1rem;
|
|
/* border */
|
|
--p-checkbox-border-radius: 0px;
|
|
--p-checkbox-border-color: var(--border-action-high-blue-france);
|
|
--p-checkbox-hover-border-color: var(--border-action-high-blue-france);
|
|
/* background */
|
|
--p-checkbox-background: var(--background-default-grey);
|
|
/* icon */
|
|
--p-checkbox-icon-size: 1rem;
|
|
--p-checkbox-icon-sm-size: 1rem;
|
|
--p-checkbox-icon-color: var(--background-default-grey);
|
|
/* focus */
|
|
--p-checkbox-checked-focus-border-color: var(--border-action-high-blue-france);
|
|
--p-checkbox-focus-border-color: var(--border-action-high-blue-france);
|
|
--p-checkbox-focus-ring-color: var(--focus-color);
|
|
--p-checkbox-focus-ring-width: var(--focus-width);
|
|
--p-checkbox-focus-ring-style: var(--focus-style);
|
|
--p-checkbox-focus-ring-offset: var(--focus-offset);
|
|
/* checked */
|
|
--p-checkbox-checked-border-color: var(--border-action-high-blue-france);
|
|
--p-checkbox-checked-background: var(--border-active-blue-france);
|
|
--p-checkbox-icon-checked-color: var(--background-default-grey);
|
|
/* checked:hover */
|
|
--p-checkbox-icon-checked-hover-color: var(--background-default-grey);
|
|
--p-checkbox-checked-hover-border-color: var(--border-action-high-blue-france);
|
|
--p-checkbox-checked-hover-background: var(--border-active-blue-france);
|
|
}
|