55 lines
2.2 KiB
SCSS
55 lines
2.2 KiB
SCSS
/**
|
|
* @package ogre-consent
|
|
* @author cleverogre
|
|
* @copyright 2026 CleverOgre
|
|
* @license GLP-3.0-or-later
|
|
* @version 0.0.0
|
|
* @since 0.0.0
|
|
*/
|
|
|
|
#ogre-consent .klaro {
|
|
--border-radius: var(--ogre-consent--border-radius, 4px);
|
|
--border-width: var(--ogre-consent--border-width, 1px);
|
|
--border-style: var(--ogre-consent--border-style, solid);
|
|
--border-color: var(--ogre-consent--border-color, color-mix(currentColor 20%, transparent));
|
|
|
|
--title-font-family: var(--ogre-consent--title--font-family);
|
|
|
|
:is(.cookie-modal, .context-notice, .cookie-notice) {
|
|
:is(p, strong, h1, h2, ul, li) {
|
|
color: var(--ogre-consent--color, var(--wp--preset--color--contrast, #000));
|
|
}
|
|
.slider {
|
|
box-shadow: var(--ogre-consent--slider--shadow, none);
|
|
}
|
|
}
|
|
|
|
.cookie-modal {
|
|
.cm-bg {
|
|
background-color: var(--ogre-consent--backdrop, rgb(0 0 0 / .8));
|
|
}
|
|
.cm-modal .cm-header {
|
|
border-bottom-color: var(--border-color);
|
|
h1 {
|
|
font-size: var(--ogre-consent--title--font-size, var(--wp--preset--font-size--large, 2em));
|
|
}
|
|
}
|
|
.cm-modal :is(.cm-body, .cm-header, .cm-footer) {
|
|
padding-top: var(--ogre-consent--padding, max(var(--wp--style--root--padding-top, 1em), 1em));
|
|
padding-bottom: var(--ogre-consent--padding, max(var(--wp--style--root--padding-bottom, 1em), 1em));
|
|
padding-left: var(--ogre-consent--padding, max(var(--wp--style--root--padding-left, 1em), 1em));
|
|
padding-right: var(--ogre-consent--padding, max(var(--wp--style--root--padding-right, 1em), 1em));
|
|
}
|
|
|
|
@media (min-width: 660px) {
|
|
.cm-modal.cm-klaro {
|
|
max-width: var(--ogre-consent--max-width, 640px);
|
|
border-radius: var(--border-radius, 4px);
|
|
background-color: var(--ogre-consent--background-color, var(--wp--preset--color--base, #fff));
|
|
color: var(--ogre-consent--color, var(--wp--preset--color--contrast, #000));
|
|
box-shadow: var(--ogre-consent--shadow, var(--wp--preset--shadow--natural, 0.5em 0.5em 1em 0 rgb(0 0 0 / .2)));
|
|
}
|
|
}
|
|
}
|
|
}
|