ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / carbonbullionexchange.com / wp-content / plugins / elementor / app / assets / js / ui / atoms

// CHECKBOX: API
$eps-checkbox-size: 15px;
$eps-checkbox-border-color: tints(300);
$eps-checkbox-hover-border-color: darken(tints(300), $eps-hover-state-operator);
$eps-checkbox-active-border-color: lighten(tints(300), $eps-active-state-operator);
$eps-checkbox-border-radius: $eps-radius;
$eps-checkbox-background-color: theme-colors(light);
$eps-checkbox-checked-background-color: theme-colors(success);
$eps-checkbox-checked-hover-background-color: darken($eps-checkbox-checked-background-color, $eps-hover-state-operator);
$eps-checkbox-checked-active-background-color: lighten($eps-checkbox-checked-background-color, $eps-active-state-operator);
$eps-checkbox-checked-disabled-background-color: theme-colors(disabled);
$eps-checkbox-indicator-color: theme-colors(light);
$eps-checkbox-indicator-border-width: 1px;
$eps-checkbox-indicator-scale-unit: calc(1/4);
$eps-checkbox-indicator-size-unit: ceil($eps-checkbox-indicator-scale-unit * $eps-checkbox-size) - $eps-checkbox-indicator-border-width;
$eps-checkbox-indeterminate-indicator-size-unit: 7px;
$eps-checkbox-error-background-color: theme-colors(danger);

:root {
	--checkbox-border-color: #{$eps-checkbox-border-color};
	--checkbox-hover-border-color: #{$eps-checkbox-hover-border-color};
	--checkbox-active-border-color: #{$eps-checkbox-active-border-color};
	--checkbox-background-color: #{$eps-checkbox-background-color};
	--checkbox-checked-background-color: #{$eps-checkbox-checked-background-color};
	--checkbox-checked-hover-background-color: #{$eps-checkbox-checked-hover-background-color};
	--checkbox-checked-active-background-color: #{$eps-checkbox-checked-active-background-color};
	--checkbox-checked-disabled-background-color: #{$eps-checkbox-checked-disabled-background-color};
	--checkbox-indicator-color: #{$eps-checkbox-indicator-color};
	--checkbox-error-background-color: #{$eps-checkbox-error-background-color};
}

.eps-theme-dark {
	--checkbox-background-color: transparent;
}

// Theming:
// no dark theme detected

[-] icon.js [edit]
[-] checkbox-api.scss [edit]
[-] box.js [edit]
[-] select.js [edit]
[+] ..
[-] text.js [edit]
[-] box.scss [edit]
[-] css-grid.js [edit]
[-] drag-drop.scss [edit]
[-] css-grid.scss [edit]
[-] checkbox.js [edit]
[-] checkbox.scss [edit]
[-] heading.js [edit]
[-] text-field.scss [edit]
[-] text-field.js [edit]
[-] drag-drop.js [edit]