diff --git a/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module b/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module
index 02e32070..70dea295 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module
+++ b/wire/modules/AdminTheme/AdminThemeUikit/AdminThemeUikit.module
@@ -141,7 +141,7 @@ class AdminThemeUikit extends AdminThemeFramework implements Module, Configurabl
'defaultMainColor' => 'red',
'defaultMainColorCustom' => '#eb1d61',
'defaultMainColorCustomDark' => '',
- 'defaultToggles' => [],
+ 'defaultToggles' => [ 'useInputFocus' ],
'defaultCustomCss' => '',
'defaultCustomCssFile' => '',
]);
@@ -1326,30 +1326,39 @@ class AdminThemeUikit extends AdminThemeFramework implements Module, Configurabl
$themeInfos = $this->themeInfos;
- if(isset($themeInfos['z'])) {
- // wakeup
- $config = $this->wire()->config;
- $thisPath = $config->paths($this);
- $themesPath = $thisPath . 'themes/';
- $rootLen = strlen($config->paths->root);
- if(is_dir($themesPath)) {
- foreach(new \DirectoryIterator($themesPath) as $file) {
- if(!$file->isDir() || $file->isDot()) continue;
- $basename = $file->getBasename();
- if(strpos($basename, '.') === 0) continue;
- $themePath = $thisPath . "themes/$basename/";
- $themeUrl = $config->urls->root . substr($themePath, $rootLen);
- $themeInfos[$basename] = [
- 'name' => $basename,
- 'path' => $themePath,
- 'url' => $themeUrl
- ];
+ if(empty($themeInfos) || isset($themeInfos['z'])) {
+ $session = $this->wire()->session;
+ $themeInfos = $session->getFor($this, 'themeInfos');
+ if(empty($themeInfos)) {
+ // wakeup
+ $config = $this->wire()->config;
+ $thisPath = $config->paths($this);
+ $themesPath = $thisPath . 'themes/';
+ $rootLen = strlen($config->paths->root);
+ if(is_dir($themesPath)) {
+ foreach(new \DirectoryIterator($themesPath) as $file) {
+ if(!$file->isDir() || $file->isDot()) continue;
+ $basename = $file->getBasename();
+ if(strpos($basename, '.') === 0) continue;
+ $themePath = $thisPath . "themes/$basename/";
+ $themeUrl = $config->urls->root . substr($themePath, $rootLen);
+ $themeInfo = ['name' => $basename, 'path' => $themePath, 'url' => $themeUrl];
+ $infoFile = $themePath . 'info.php';
+ if(is_file($infoFile)) {
+ $a = include($infoFile);
+ $themeInfo = array_merge($a, $themeInfo);
+ }
+ $themeInfos[$basename] = $themeInfo;
+ }
}
+ unset($themeInfos['z']);
+ $this->themeInfos = $themeInfos;
+ $session->setFor($this, 'themeInfos', $themeInfos);
}
- unset($themeInfos['z']);
- $this->themeInfos = $themeInfos;
}
+ if($themeName === 'all') return $themeInfos;
+
return $themeName && isset($themeInfos[$themeName]) ? $themeInfos[$themeName] : [];
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/config.php b/wire/modules/AdminTheme/AdminThemeUikit/config.php
index cab2d18d..dbdb7bba 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/config.php
+++ b/wire/modules/AdminTheme/AdminThemeUikit/config.php
@@ -44,24 +44,24 @@ class AdminThemeUikitConfigHelper extends Wire {
$layout = $adminTheme->layout;
$userTemplateURL = $config->urls->admin . 'setup/template/edit?id=3';
- $adminTheme->getThemeInfo(); // init
- $themeInfos = $adminTheme->themeInfos;
+ $themeInfos = $adminTheme->getThemeInfo('all'); // init
if(count($themeInfos)) {
$configFiles = [];
$f = $inputfields->InputfieldRadios;
$f->attr('id+name', 'themeName');
- $f->label = $this->_('Theme name');
+ $f->label = $this->_('Uikit style theme');
$f->notes =
- $this->_('After changing the theme, please submit/save before configuring it.') . ' ' .
- $this->_('When using `admin.less` customization, you should use the “Original” theme.');
+ $this->_('After changing the style theme, please submit/save before configuring it.') . ' ' .
+ $this->_('When using `admin.less` customization, the “Core original” style is required.');
$f->icon = 'photo';
foreach($themeInfos as $name => $info) {
- $f->addOption($name, ucfirst($name), [ 'data-url' => $info['url'] ]);
+ $label = (isset($info['title']) ? $info['title'] : ucfirst($name));
+ $f->addOption($name, $label, [ 'data-url' => $info['url'] ]);
$configFile = $info['path'] . 'config.php';
if(is_file($configFile)) $configFiles[$name] = $configFile;
}
- $f->addOption('', $this->_('Original'));
+ $f->addOption('', $this->_('Core original'));
$value = $adminTheme->themeName;
$f->val($value);
$f->themeOffset = 1;
@@ -72,7 +72,7 @@ class AdminThemeUikitConfigHelper extends Wire {
$inputfields->add($fs);
$fs->themeOffset = 1;
$fs->attr('name', "_theme_$name");
- $fs->label = $this->_('Theme style settings:') . ' ' . $name;
+ $fs->label = $themeInfos[$name]['title'] . ' ' . $this->_('theme settings');
$fs->showIf = "themeName=$name";
$this->wire()->files->render($configFile, [ 'inputfields' => $fs ]);
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css
index b3d125bf..81e3ce54 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin-custom.css
@@ -39,53 +39,53 @@
:root {
color-scheme: light dark;
- --main-color: #eb1d61;
+ --pw-main-color: #eb1d61;
- --text-color: light-dark(#111, white);
- --muted-color: light-dark(rgba(0, 0, 0, 0.55), rgba(255, 255, 255, 0.6));
- --border-color: light-dark(rgba(0, 0, 0, 0.16), #444);
- --main-background:light-dark(#eee, #222);
- --inputs-background:light-dark(#f8f8f8, #161616);
- --blocks-background: light-dark(white, black);
+ --pw-text-color: light-dark(#111, white);
+ --pw-muted-color: light-dark(rgba(0, 0, 0, 0.55), rgba(255, 255, 255, 0.6));
+ --pw-border-color: light-dark(rgba(0, 0, 0, 0.16), #444);
+ --pw-main-background:light-dark(#eee, #222);
+ --pw-inputs-background:light-dark(#f8f8f8, #161616);
+ --pw-blocks-background: light-dark(white, black);
- --button-background: light-dark(var(--text-color), var(--main-color));
- --button-color: light-dark(var(--blocks-background), var(--text-color));
- --button-border: transparent;
- --button-muted-background: light-dark(#737373, #404040);
- --button-muted-color: light-dark(var(--blocks-background), var(--text-color));;
- --button-muted-border: transparent;
- --button-hover-background: light-dark(var(--main-color), var(--text-color));
- --button-hover-color: var(--blocks-background);
- --button-hover-border: transparent;
- --menu-item-background-hover: var(--main-background);
+ --pw-button-background: light-dark(var(--pw-text-color), var(--pw-main-color));
+ --pw-button-color: light-dark(var(--pw-blocks-background), var(--pw-text-color));
+ --pw-button-border: transparent;
+ --pw-button-muted-background: light-dark(#737373, #404040);
+ --pw-button-muted-color: light-dark(var(--pw-blocks-background), var(--pw-text-color));;
+ --pw-button-muted-border: transparent;
+ --pw-button-hover-background: light-dark(var(--pw-main-color), var(--pw-text-color));
+ --pw-button-hover-color: var(--pw-blocks-background);
+ --pw-button-hover-border: transparent;
+ --pw-menu-item-background-hover: var(--pw-main-background);
- --masthead-background: var(--blocks-background);
- --masthead-active-color: var(--text-color);
- --masthead-text-color: var(--muted-color);
- --masthead-border-color: var(--border-color);
- --masthead-logo-color: var(--main-color);
- --masthead-menu-item-background-hover: var(--menu-item-background-hover);
+ --pw-masthead-background: var(--pw-blocks-background);
+ --pw-masthead-active-color: var(--pw-text-color);
+ --pw-masthead-text-color: var(--pw-muted-color);
+ --pw-masthead-border-color: var(--pw-border-color);
+ --pw-masthead-logo-color: var(--pw-main-color);
+ --pw-masthead-menu-item-background-hover: var(--pw-menu-item-background-hover);
- --masthead-input-background: var(--inputs-background);
- --masthead-input-color: var(--text-color);
- --masthead-input-border: var(--border-color);
+ --pw-masthead-input-background: var(--pw-inputs-background);
+ --pw-masthead-input-color: var(--pw-text-color);
+ --pw-masthead-input-border: var(--pw-border-color);
- --modal-color: rgba(0,0,0,0.7);
+ --pw-modal-color: rgba(0,0,0,0.7);
- --alert-text-color: var(--text-color);
- --alert-primary: var(--main-background);
- --alert-warning: light-dark(#fff0be, #d57f00);
- --alert-success: light-dark(#c1e7cd, #139472);
- --alert-danger: light-dark(#fee6e6, #8a1919);
- --notes-background: light-dark(#ffd, #bdbdbd33);
+ --pw-error-inline-text-color: light-dark(#cd0a0a, #ff7171);
- --error-inline-text-color: light-dark(#cd0a0a, #ff1d1d);
+ --pw-code-color: light-dark(#0173b0, #e7e695);
+ --pw-code-background: light-dark(var(--pw-inputs-background), #3c3c3c5e);
- --code-color: light-dark(#0173b0, #e7e695);
- --code-background: light-dark(var(--inputs-background), #3c3c3c5e);
+ --pw-alert-text-color: var(--pw-text-color);
+ --pw-alert-primary: var(--pw-main-background);
+ --pw-alert-warning: light-dark(#fff0be, #d57f00);
+ --pw-alert-success: light-dark(#c1e7cd, #139472);
+ --pw-alert-danger: light-dark(#fee6e6, #8a1919);
+ --pw-notes-background: light-dark(#ffd, #bdbdbd33);
- --button-radius: 99999px;
- --input-radius: 0;
+ --pw-button-radius: 99999px;
+ --pw-input-radius: 0;
}
@@ -129,15 +129,15 @@ body.main-color-blue {
/* ----------------------------------------------------------------- */
/*
:root {
- --masthead-background: var(--main-color);
- --masthead-active-color: white;
- --masthead-text-color: rgba(255,255,255,0.8);
- --masthead-border-color: var(--main-background);
- --masthead-logo-color: white;
- --masthead-input-background: var(--masthead-background);
- --masthead-input-color: var(--masthead-active-color);
- --masthead-input-border: var(--masthead-text-color);
- --masthead-menu-item-background-hover: rgba(255,255,255,.2);
+ --pw-masthead-background: var(--pw-main-color);
+ --pw-masthead-active-color: white;
+ --pw-masthead-text-color: rgba(255,255,255,0.8);
+ --pw-masthead-border-color: var(--pw-main-background);
+ --pw-masthead-logo-color: white;
+ --pw-masthead-input-background: var(--pw-masthead-background);
+ --pw-masthead-input-color: var(--pw-masthead-active-color);
+ --pw-masthead-input-border: var(--pw-masthead-text-color);
+ --pw-masthead-menu-item-background-hover: rgba(255,255,255,.2);
}
/* -------------------------------------------------------------------- */
@@ -145,8 +145,8 @@ body.main-color-blue {
/* ------------------------------------------------------------------ */
/*
:root {
- --border-color: var(--main-background);
- --inputs-background: var(--blocks-background);
+ --pw-border-color: var(--pw-main-background);
+ --pw-inputs-background: var(--pw-blocks-background);
}
/* -------------------------------------------------------------------- */
@@ -154,35 +154,35 @@ body.main-color-blue {
/* ------------------------------------------------------------------ */
/*
:root {
- --text-color: light-dark(blue, white);
- --main-color: var(--text-color);
- --main-background:light-dark(white, #222);
- --border-color: light-dark(var(--text-color), var(--text-color));
- --text-background: var(--main-background);
- --inputs-background: var(--text-background);
- --blocks-background: var(--text-background);
- --muted-color: light-dark(#7c8efd, #8b8b8b);
+ --pw-text-color: light-dark(blue, white);
+ --pw-main-color: var(--pw-text-color);
+ --pw-main-background:light-dark(white, #222);
+ --pw-border-color: light-dark(var(--pw-text-color), var(--pw-text-color));
+ --pw-text-background: var(--pw-main-background);
+ --pw-inputs-background: var(--pw-text-background);
+ --pw-blocks-background: var(--pw-text-background);
+ --pw-muted-color: light-dark(#7c8efd, #8b8b8b);
- --button-background: var(--text-background);
- --button-color: light-dark(var(--text-color), var(--text-color));
- --button-muted-color: var(--muted-color);
- --button-border: var(--button-color);
- --button-muted-background: var(--button-background);
- --button-muted-border: var(--button-muted-color);
- --button-hover-background: var(--button-color);
- --button-hover-color: var(--button-background);
- --button-hover-border: var(--button-color);
+ --pw-button-background: var(--pw-text-background);
+ --pw-button-color: light-dark(var(--pw-text-color), var(--pw-text-color));
+ --pw-button-muted-color: var(--pw-muted-color);
+ --pw-button-border: var(--pw-button-color);
+ --pw-button-muted-background: var(--pw-button-background);
+ --pw-button-muted-border: var(--pw-button-muted-color);
+ --pw-button-hover-background: var(--pw-button-color);
+ --pw-button-hover-color: var(--pw-button-background);
+ --pw-button-hover-border: var(--pw-button-color);
- --masthead-background: var(--text-background);
- --masthead-active-color: light-dark(var(--text-color), var(--text-color));
- --masthead-text-color: var(--masthead-active-color);
- --masthead-border-color: var(--masthead-active-color);
- --masthead-logo-color: var(--masthead-active-color);
+ --pw-masthead-background: var(--pw-text-background);
+ --pw-masthead-active-color: light-dark(var(--pw-text-color), var(--pw-text-color));
+ --pw-masthead-text-color: var(--pw-masthead-active-color);
+ --pw-masthead-border-color: var(--pw-masthead-active-color);
+ --pw-masthead-logo-color: var(--pw-masthead-active-color);
- --alert-text-color: var(--text-color);
- --alert-primary: light-dark(#ffd, var(--text-background));
- --alert-warning: light-dark(#fcda6d, #d57f00);
- --alert-success: light-dark(#97ecb2, #139472);
- --alert-danger: light-dark(#ec9797, #8a1919);
- --notes-background: light-dark(#ffd, #bdbdbd33);
+ --pw-alert-text-color: var(--pw-text-color);
+ --pw-alert-primary: light-dark(#ffd, var(--pw-text-background));
+ --pw-alert-warning: light-dark(#fcda6d, #d57f00);
+ --pw-alert-success: light-dark(#97ecb2, #139472);
+ --pw-alert-danger: light-dark(#ec9797, #8a1919);
+ --pw-notes-background: light-dark(#ffd, #bdbdbd33);
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css
index 3ca8e354..03a84423 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/admin.css
@@ -3,7 +3,7 @@
/* END Set general color to work in light and dark */
.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color),.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*='uk-card-media']),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*='uk-card-media']),.uk-overlay-primary {
- color: light-dark(var(--blocks-background), var(--text-color));
+ color: light-dark(var(--pw-blocks-background), var(--pw-text-color));
}
.uk-section-primary:not(.uk-preserve-color) a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary.uk-card-body .uk-link,.uk-card-primary>:not([class*='uk-card-media']) a,.uk-card-primary>:not([class*='uk-card-media']) .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary>:not([class*='uk-card-media']) a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link,.uk-overlay-primary a,.uk-overlay-primary .uk-link {
@@ -11,64 +11,64 @@
}
a:hover,.uk-link:hover,.uk-link-toggle:hover .uk-link,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-card-primary.uk-card-body a:hover,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-primary>:not([class*='uk-card-media']) a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-secondary>:not([class*='uk-card-media']) a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,.uk-overlay-primary a:hover,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
:not(pre)>code,:not(pre)>kbd,:not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*='uk-card-media']) :not(pre)>code,.uk-card-primary>:not([class*='uk-card-media']) :not(pre)>kbd,.uk-card-primary>:not([class*='uk-card-media']) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*='uk-card-media']) :not(pre)>code,.uk-card-secondary>:not([class*='uk-card-media']) :not(pre)>kbd,.uk-card-secondary>:not([class*='uk-card-media']) :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp {
- color: var(--muted-color);
- background-color: var(--inputs-background)
+ color: var(--pw-muted-color);
+ background-color: var(--pw-inputs-background)
}
em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em,.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*='uk-card-media']) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*='uk-card-media']) em,.uk-overlay-primary em {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6,.uk-heading-small,.uk-heading-medium,.uk-heading-large,.uk-heading-xlarge,.uk-heading-2xlarge,.uk-heading-3xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body h6,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-3xlarge,.uk-card-primary>:not([class*='uk-card-media']) h1,.uk-card-primary>:not([class*='uk-card-media']) .uk-h1,.uk-card-primary>:not([class*='uk-card-media']) h2,.uk-card-primary>:not([class*='uk-card-media']) .uk-h2,.uk-card-primary>:not([class*='uk-card-media']) h3,.uk-card-primary>:not([class*='uk-card-media']) .uk-h3,.uk-card-primary>:not([class*='uk-card-media']) h4,.uk-card-primary>:not([class*='uk-card-media']) .uk-h4,.uk-card-primary>:not([class*='uk-card-media']) h5,.uk-card-primary>:not([class*='uk-card-media']) .uk-h5,.uk-card-primary>:not([class*='uk-card-media']) h6,.uk-card-primary>:not([class*='uk-card-media']) .uk-h6,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-small,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-medium,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-large,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-xlarge,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-2xlarge,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-3xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-3xlarge,.uk-card-secondary>:not([class*='uk-card-media']) h1,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h1,.uk-card-secondary>:not([class*='uk-card-media']) h2,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h2,.uk-card-secondary>:not([class*='uk-card-media']) h3,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h3,.uk-card-secondary>:not([class*='uk-card-media']) h4,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h4,.uk-card-secondary>:not([class*='uk-card-media']) h5,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h5,.uk-card-secondary>:not([class*='uk-card-media']) h6,.uk-card-secondary>:not([class*='uk-card-media']) .uk-h6,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-small,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-medium,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-large,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-xlarge,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-2xlarge,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-3xlarge,.uk-overlay-primary h1,.uk-overlay-primary .uk-h1,.uk-overlay-primary h2,.uk-overlay-primary .uk-h2,.uk-overlay-primary h3,.uk-overlay-primary .uk-h3,.uk-overlay-primary h4,.uk-overlay-primary .uk-h4,.uk-overlay-primary h5,.uk-overlay-primary .uk-h5,.uk-overlay-primary h6,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-3xlarge {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote,.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*='uk-card-media']) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*='uk-card-media']) blockquote,.uk-overlay-primary blockquote {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer,.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*='uk-card-media']) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*='uk-card-media']) blockquote footer,.uk-overlay-primary blockquote footer {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
hr,.uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary>:not([class*='uk-card-media']) hr,.uk-card-primary>:not([class*='uk-card-media']) .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary>:not([class*='uk-card-media']) hr,.uk-card-secondary>:not([class*='uk-card-media']) .uk-hr,.uk-overlay-primary hr,.uk-overlay-primary .uk-hr {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
:focus-visible,.uk-section-primary:not(.uk-preserve-color) :focus-visible,.uk-section-secondary:not(.uk-preserve-color) :focus-visible,.uk-tile-primary:not(.uk-preserve-color) :focus-visible,.uk-tile-secondary:not(.uk-preserve-color) :focus-visible,.uk-card-primary.uk-card-body :focus-visible,.uk-card-primary>:not([class*='uk-card-media']) :focus-visible,.uk-card-secondary.uk-card-body :focus-visible,.uk-card-secondary>:not([class*='uk-card-media']) :focus-visible,.uk-overlay-primary :focus-visible {
- outline-color: var(--text-color)
+ outline-color: var(--pw-text-color)
}
a.uk-link-muted,.uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-muted,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-muted,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-overlay-primary .uk-link-muted a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
a.uk-link-muted:hover,.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.uk-link-muted:hover,.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-muted:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-muted a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-muted:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-muted a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
a.uk-link-text:hover,.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.uk-link-text:hover,.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-text:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-text a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-text:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-text a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.uk-link-heading:hover,.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*='uk-card-media']) a.uk-link-heading:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-heading a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*='uk-card-media']) a.uk-link-heading:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-heading a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-divider,.uk-overlay-primary .uk-heading-divider {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before {
- border-left-color: var(--border-color)
+ border-left-color: var(--pw-border-color)
}
.uk-heading-line>::before,.uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-line>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-line>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after {
- border-bottom-color: var(--border-color)
+ border-bottom-color: var(--pw-border-color)
}
.uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-icon,.uk-overlay-primary .uk-divider-icon {
@@ -76,31 +76,31 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
}
.uk-divider-icon::before,.uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-icon::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-icon::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after {
- border-bottom-color: var(--border-color)
+ border-bottom-color: var(--pw-border-color)
}
.uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*='uk-card-media']) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*='uk-card-media']) .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical {
- border-left-color: var(--border-color)
+ border-left-color: var(--pw-border-color)
}
.uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before {
- color: var(--muted-color) !important
+ color: var(--pw-muted-color) !important
}
.uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before {
@@ -108,247 +108,247 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
}
.uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*='uk-card-media']) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2) {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-list-striped>*:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>*:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-list-striped>*:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-list-striped>*:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>*:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-striped>*:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>*:nth-of-type(odd) {
- border-top-color: var(--border-color);
- border-bottom-color: var(--border-color)
+ border-top-color: var(--pw-border-color);
+ border-bottom-color: var(--pw-border-color)
}
.uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd) {
- background-color: var(--inputs-background)
+ background-color: var(--pw-inputs-background)
}
.uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th,.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*='uk-card-media']) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table th,.uk-overlay-primary .uk-table th {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption,.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*='uk-card-media']) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table caption,.uk-overlay-primary .uk-table caption {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-table>tr.uk-active,.uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-table>tr.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table>tr.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active {
- background: var(--inputs-background)
+ background: var(--pw-inputs-background)
}
.uk-table-divider>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child) {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-table-striped>tr:nth-of-type(odd),.uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd) {
- background: var(--inputs-background);
- border-top-color: var(--border-color);
- border-bottom-color: var(--border-color)
+ background: var(--pw-inputs-background);
+ border-top-color: var(--pw-border-color);
+ border-bottom-color: var(--pw-border-color)
}
.uk-table-hover>tr:hover,.uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-hover>tr:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover {
- background: var(--inputs-background)
+ background: var(--pw-inputs-background)
}
.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-link,.uk-overlay-primary .uk-icon-link {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-icon-link:active,.uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-link:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-link:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-button,.uk-overlay-primary .uk-icon-button {
- background-color: var(--inputs-background);
- color: var(--muted-color)
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-muted-color)
}
.uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:hover {
- background-color: var(--inputs-background);
- color: var(--muted-color)
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-muted-color)
}v
.uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active {
- background-color:var(--blocks-background);
- color: var(--muted-color)
+ background-color:var(--pw-blocks-background);
+ color: var(--pw-muted-color)
}
.uk-input,.uk-select,.uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*='uk-card-media']) .uk-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-select,.uk-card-primary>:not([class*='uk-card-media']) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*='uk-card-media']) .uk-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-select,.uk-card-secondary>:not([class*='uk-card-media']) .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea {
- background-color: var(--inputs-background);
- color: var(--muted-color);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-muted-color);
background-clip: padding-box;
- border-color:var(--blocks-background)
+ border-color:var(--pw-blocks-background)
}
.uk-input:focus,.uk-select:focus,.uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-input:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-select:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-input:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-select:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus {
- background-color: var(--inputs-background);
- color: var(--muted-color);
- border-color: var(--muted-color)
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-muted-color);
+ border-color: var(--pw-muted-color)
}
.uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*='uk-card-media']) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*='uk-card-media']) .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*='uk-card-media']) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*='uk-card-media']) .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label,.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*='uk-card-media']) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*='uk-card-media']) .uk-form-label,.uk-overlay-primary .uk-form-label {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*='uk-card-media']) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*='uk-card-media']) .uk-form-icon,.uk-overlay-primary .uk-form-icon {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default,.uk-overlay-primary .uk-button-default {
background-color: transparent;
- color: var(--text-color);
- border-color: var(--muted-color)
+ color: var(--pw-text-color);
+ border-color: var(--pw-muted-color)
}
.uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default:hover,.uk-overlay-primary .uk-button-default:hover {
background-color: transparent;
- color: var(--text-color);
- border-color: var(--border-color)
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color)
}
.uk-button-default:active,.uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active {
background-color: transparent;
- color: var(--text-color);
- border-color: var(--border-color)
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color)
}
.uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary,.uk-overlay-primary .uk-button-primary {
- background-color: var(--text-color);
- color: var(--blocks-background);
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background);
}
.uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:hover {
- background-color: var(--inputs-background);
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-blocks-background);
}
.uk-button-primary:active,.uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active {
- background-color: var(--inputs-background);
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-blocks-background);
}
.uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary,.uk-overlay-primary .uk-button-secondary {
- background-color: var(--text-color);
- color: var(--blocks-background);
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background);
}
.uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:hover {
- background-color: var(--inputs-background);
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-blocks-background);
}
.uk-button-secondary:active,.uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active {
- background-color: var(--inputs-background);
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-blocks-background);
}
.uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text,.uk-overlay-primary .uk-button-text {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text::before,.uk-overlay-primary .uk-button-text::before {
- border-bottom-color: var(--text-color)
+ border-bottom-color: var(--pw-text-color)
}
.uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text:hover,.uk-overlay-primary .uk-button-text:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link,.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-link,.uk-overlay-primary .uk-button-link {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-button-link:hover,.uk-overlay-primary .uk-button-link:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge,.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*='uk-card-media']).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*='uk-card-media']).uk-card-badge,.uk-overlay-primary.uk-card-badge {
- background-color: var(--text-color);
- color: var(--blocks-background)
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background)
}
.uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close,.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*='uk-card-media']) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*='uk-card-media']) .uk-close,.uk-overlay-primary .uk-close {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-close:hover,.uk-overlay-primary .uk-close:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop,.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*='uk-card-media']) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*='uk-card-media']) .uk-totop,.uk-overlay-primary .uk-totop {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-totop:hover,.uk-overlay-primary .uk-totop:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-totop:active,.uk-overlay-primary .uk-totop:active {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker,.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*='uk-card-media']) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*='uk-card-media']) .uk-marker,.uk-overlay-primary .uk-marker {
- background: var(--inputs-background);
- color: var(--blocks-background)
+ background: var(--pw-inputs-background);
+ color: var(--pw-blocks-background)
}
.uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-marker:hover,.uk-overlay-primary .uk-marker:hover {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*='uk-card-media']) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*='uk-card-media']) .uk-badge,.uk-overlay-primary .uk-badge {
- background-color: var(--text-color);
- color: var(--blocks-background) !important
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background) !important
}
.uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label,.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*='uk-card-media']) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*='uk-card-media']) .uk-label,.uk-overlay-primary .uk-label {
- background-color: var(--text-color);
- color: var(--blocks-background)
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background)
}
.uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*='uk-card-media']) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*='uk-card-media']) .uk-article-meta,.uk-overlay-primary .uk-article-meta {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-input,.uk-overlay-primary .uk-search-input {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*='uk-card-media']) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input {
background-color: transparent;
- border-color:var(--blocks-background)
+ border-color:var(--pw-blocks-background)
}
.uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus {
- background-color: var(--inputs-background);
+ background-color: var(--pw-inputs-background);
}
.uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input {
@@ -360,347 +360,347 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
}
.uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-toggle,.uk-overlay-primary .uk-search-toggle {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*='uk-card-media']) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*='uk-card-media']) .uk-accordion-title,.uk-overlay-primary .uk-accordion-title {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before {
- border-left-color: var(--border-color)
+ border-left-color: var(--pw-border-color)
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-secondary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-card-primary.uk-card-body .uk-nav-secondary>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a,.uk-overlay-primary .uk-nav-secondary>li>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-secondary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover,.uk-overlay-primary .uk-nav-secondary>li>a:hover {
- color: var(--text-color);
- background-color: var(--inputs-background)
+ color: var(--pw-text-color);
+ background-color: var(--pw-inputs-background)
}
.uk-nav-secondary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a {
- color: var(--text-color);
- background-color: var(--inputs-background)
+ color: var(--pw-text-color);
+ background-color: var(--pw-inputs-background)
}
.uk-nav-secondary .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-secondary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,.uk-overlay-primary .uk-nav-secondary .uk-nav-header {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-secondary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,.uk-overlay-primary .uk-nav-secondary .uk-nav-divider {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-nav-secondary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-secondary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-primary>:not([class*='uk-card-media']) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-card-secondary>:not([class*='uk-card-media']) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded="true"],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded="true"],.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a[aria-expanded="true"],.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded="true"] {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-item,.uk-overlay-primary .uk-navbar-item {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded="true"],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-toggle:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"] {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
- border-left-color: var(--border-color)
+ border-left-color: var(--pw-border-color)
}
.uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child {
background-color: transparent;
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:hover {
- background-color: var(--inputs-background)
- color: var(--muted-color)
+ background-color: var(--pw-inputs-background)
+ color: var(--pw-muted-color)
}
.uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active {
- background-color: var(--inputs-background)
- color: var(--muted-color)
+ background-color: var(--pw-inputs-background)
+ color: var(--pw-muted-color)
}
.uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a {
- background-color: var(--text-color);
- color: var(--blocks-background)
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background)
}
.uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>* {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>* {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>* {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>* {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>* {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab::before,.uk-overlay-primary .uk-tab::before {
- border-color:var(--blocks-background)
+ border-color:var(--pw-blocks-background)
}
.uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a {
- color: var(--text-color);
- border-color: var(--border-color)
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color)
}
.uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*='uk-card-media']) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*='uk-card-media']) .uk-slidenav,.uk-overlay-primary .uk-slidenav {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:hover {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>* {
background-color: transparent;
- border-color: var(--blocks-background)
+ border-color: var(--pw-blocks-background)
}
.uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:hover {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
border-color: transparent
}
.uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active {
- background-color: var(--muted-color);
+ background-color: var(--pw-muted-color);
border-color: transparent
}
.uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*='uk-card-media']) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*='uk-card-media']) .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>* {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
border-color: transparent
}
.uk-thumbnav>*>*::after,.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>*::after,.uk-card-primary.uk-card-body .uk-thumbnav>*>*::after,.uk-card-primary>:not([class*='uk-card-media']) .uk-thumbnav>*>*::after,.uk-card-secondary.uk-card-body .uk-thumbnav>*>*::after,.uk-card-secondary>:not([class*='uk-card-media']) .uk-thumbnav>*>*::after,.uk-overlay-primary .uk-thumbnav>*>*::after {
background-image: none;
- background-color: var(--text-color);
+ background-color: var(--pw-text-color);
}
.uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*='uk-card-media']) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*='uk-card-media']) .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-lead,.uk-overlay-primary .uk-text-lead {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-meta,.uk-overlay-primary .uk-text-meta {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-muted,.uk-overlay-primary .uk-text-muted {
- color: var(--muted-color) !important
+ color: var(--pw-muted-color) !important
}
.uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-primary,.uk-overlay-primary .uk-text-primary {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*='uk-card-media']) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*='uk-card-media']) .uk-text-secondary,.uk-overlay-primary .uk-text-secondary {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*='uk-card-media']) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*='uk-card-media']) .uk-column-divider,.uk-overlay-primary .uk-column-divider {
- column-rule-color:var(--blocks-background)
+ column-rule-color:var(--pw-blocks-background)
}
.uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*='uk-card-media']) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo,.uk-overlay-primary .uk-logo {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*='uk-card-media']) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo:hover,.uk-overlay-primary .uk-logo:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*='uk-card-media']) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary>:not([class*='uk-card-media']) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary>:not([class*='uk-card-media']) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) {
@@ -712,7 +712,7 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
}
.uk-table-striped>tr:nth-of-type(even):last-child,.uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-primary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped>tr:nth-of-type(even):last-child,.uk-card-secondary>:not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child,.uk-overlay-primary .uk-table-striped>tr:nth-of-type(even):last-child,.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child {
- border-bottom-color: var(--border-color)
+ border-bottom-color: var(--pw-border-color)
}
.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*='uk-card-media']) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*='uk-card-media']) .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before {
@@ -724,7 +724,7 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
}
.uk-label.uk-label-danger {
- color: var(--text-color) !important;
+ color: var(--pw-text-color) !important;
}
/* END Set general color to work in light and dark */
@@ -737,273 +737,273 @@ em {
ins,
mark {
- background: var(--code-background);
- color: var(--code-color);
+ background: var(--pw-code-background);
+ color: var(--pw-code-color);
}
hr,.uk-hr {
- border-top: 1px solid var(--border-color);
+ border-top: 1px solid var(--pw-border-color);
}
blockquote, blockquote footer {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
a.uk-link-muted,.uk-link-muted a,.uk-link-toggle .uk-link-muted,
a.uk-link-muted:hover,.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
a.uk-link-text:hover,.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.uk-heading-bullet::before,
.uk-divider-vertical {
- border-left-color: var(--border-color);
+ border-left-color: var(--pw-border-color);
}
.uk-heading-divider,
.uk-heading-line>::before,.uk-heading-line>::after,
.uk-divider-icon::before,.uk-divider-icon::after {
- border-bottom-color: var(--border-color);
+ border-bottom-color: var(--pw-border-color);
}
.uk-divider-small::after {
- border-top-color: var(--border-color);
+ border-top-color: var(--pw-border-color);
}
.uk-list-muted>::before {
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
}
.uk-list-emphasis>::before {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-list-primary>::before {
- color: var(--main-color) !important
+ color: var(--pw-main-color) !important
}
.uk-list-secondary>::before {
- color: var(--border-color) !important
+ color: var(--pw-border-color) !important
}
.uk-list-divider>:nth-child(n+2) {
- border-top-color: var(--border-color);
+ border-top-color: var(--pw-border-color);
}
.uk-list-striped>*:nth-of-type(odd) {
- border-top-color: var(--border-color);
- border-bottom-color: var(--border-color);
+ border-top-color: var(--pw-border-color);
+ border-bottom-color: var(--pw-border-color);
}
.uk-list-striped>:nth-of-type(odd) {
- background: var(--inputs-background);
+ background: var(--pw-inputs-background);
}
.uk-description-list>dt {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-description-list-divider>dt:nth-child(n+2) {
- border-top-color: var(--border-color);
+ border-top-color: var(--pw-border-color);
}
.uk-table th {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-table caption {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-table-divider>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>:first-child>tr:not(:first-child) {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-table-striped>tr:nth-of-type(odd),.uk-table-striped tbody tr:nth-of-type(odd) {
- background: var(--inputs-background);
- border-top-color: var(--border-color);
- border-bottom-color: var(--border-color);
+ background: var(--pw-inputs-background);
+ border-top-color: var(--pw-border-color);
+ border-bottom-color: var(--pw-border-color);
}
.uk-table-hover>tr:hover,.uk-table-hover tbody tr:hover,
.uk-table>tr.uk-active,.uk-table tbody tr.uk-active {
- background: var(--notes-background);
+ background: var(--pw-notes-background);
}
.uk-table-striped>tr:nth-of-type(even):last-child,.uk-table-striped tbody tr:nth-of-type(even):last-child {
- border-bottom-color: var(--border-color);
+ border-bottom-color: var(--pw-border-color);
}
.uk-icon-link {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-icon-link:hover,
.uk-icon-link:active,.uk-active>.uk-icon-link {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.uk-icon-button {
- background: var(--text-color);
- color: var(--blocks-background);
+ background: var(--pw-text-color);
+ color: var(--pw-blocks-background);
}
.uk-icon-button:hover,
.uk-icon-button:active,.uk-active>.uk-icon-button {
- background-color: var(--button-hover-background);
- color: var(--button-hover-color);
+ background-color: var(--pw-button-hover-background);
+ color: var(--pw-button-hover-color);
}
.uk-range::-webkit-slider-runnable-track,
.uk-range::-moz-range-track {
- background: var(--text-color);
+ background: var(--pw-text-color);
}
.uk-range:focus::-webkit-slider-runnable-track,.uk-range:active::-webkit-slider-runnable-track,
.uk-range:focus::-moz-range-track {
- background: var(--text-color);
+ background: var(--pw-text-color);
}
.uk-range::-webkit-slider-thumb {
- background: var(--main-color);
- border-color: var(--main-color);
+ background: var(--pw-main-color);
+ border-color: var(--pw-main-color);
}
.uk-range::-moz-range-thumb {
- background: var(--main-color);
- border-color: var(--main-color);
+ background: var(--pw-main-color);
+ border-color: var(--pw-main-color);
}
.uk-input,.uk-select,.uk-textarea {
- background: var(--inputs-background);
- color: var(--text-color);
- border-color: var(--border-color);
+ background: var(--pw-inputs-background);
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color);
}
.uk-input:focus,.uk-select:focus,.uk-textarea:focus {
- background-color: var(--inputs-background);
- color: var(--text-color);
- border-color: var(--border-color);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color);
}
.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled {
- background-color: var(--inputs-background);
- color: var(--muted-color);
- border-color: var(--border-color);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-muted-color);
+ border-color: var(--pw-border-color);
}
.uk-input::placeholder,
.uk-textarea::placeholder {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-form-danger,.uk-form-danger:focus {
- color: var(--text-color);
- border-color: var(--border-color);
- background-color: var(--alert-danger);
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-alert-danger);
}
.uk-form-success,.uk-form-success:focus {
- color: var(--text-color);
- border-color: var(--border-color);
- background-color: var(--alert-success);
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-alert-success);
}
.uk-form-blank:focus {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.uk-select:not([multiple]):not([size]) option {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-form-label {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-form-icon {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-form-icon:hover {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.uk-progress {
- background-color: var(--inputs-background);
- border: 1px solid var(--border-color);
+ background-color: var(--pw-inputs-background);
+ border: 1px solid var(--pw-border-color);
}
.uk-progress::-webkit-progress-value {
- background-color: var(--main-color);
+ background-color: var(--pw-main-color);
}
.uk-progress::-moz-progress-bar {
- background-color: var(--main-color);
+ background-color: var(--pw-main-color);
}
.uk-section-default,
.uk-tile-default {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.uk-section-muted,
.uk-tile-muted {
- background: var(--inputs-background);
+ background: var(--pw-inputs-background);
opacity: .8;
}
.uk-section-primary,
.uk-tile-primary {
- background: var(--main-color);
+ background: var(--pw-main-color);
}
.uk-section-secondary,
.uk-tile-secondary,
.uk-card-secondary {
- background: var(--muted-color);
+ background: var(--pw-muted-color);
}
.uk-card-badge {
- background: var(--main-color);
+ background: var(--pw-main-color);
}
.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.uk-card-default {
- background-color: var(--blocks-background);
- color: var(--text-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color);
}
.uk-card-default .uk-card-title {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-card-default.uk-card-hover:hover {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.uk-card-default .uk-card-header {
- border-bottom-color: var(--border-color)
+ border-bottom-color: var(--pw-border-color)
}
.uk-card-default .uk-card-footer {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-card-primary,
.uk-card-primary.uk-card-hover:hover {
- background-color: var(--main-color);
- color: var(--blocks-background);
+ background-color: var(--pw-main-color);
+ color: var(--pw-blocks-background);
}
.pw .uk-card-primary .uk-card-title,
@@ -1013,84 +1013,84 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
.uk-card-secondary,
.uk-card-secondary.uk-card-hover:hover {
- background: var(--muted-color);
- color: var(--text-color);
+ background: var(--pw-muted-color);
+ color: var(--pw-text-color);
}
.uk-close:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-totop {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-totop:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-totop:active {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-marker {
- background: var(--muted-color);
- color: var(--blocks-background);
+ background: var(--pw-muted-color);
+ color: var(--pw-blocks-background);
}
.uk-marker:hover {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-placeholder {
- border-color: var(--border-color)
+ border-color: var(--pw-border-color)
}
.uk-badge,
.uk-label {
- background: var(--main-color);
- color: light-dark(var(--blocks-background), var(--text-color)) !important;
+ background: var(--pw-main-color);
+ color: light-dark(var(--pw-blocks-background), var(--pw-text-color)) !important;
}
.uk-label.uk-label-success {
- background-color: var(--alert-success);
- color: var(--text-color) !important;
+ background-color: var(--pw-alert-success);
+ color: var(--pw-text-color) !important;
}
.uk-label.uk-label-warning {
- background-color: var(--alert-warning);
- color: var(--text-color) !important;
+ background-color: var(--pw-alert-warning);
+ color: var(--pw-text-color) !important;
}
.uk-label.uk-label-danger {
- background-color: var(--error-inline-text-color);
- color: light-dark(var(--blocks-background), var(--text-color)) !important;
+ background-color: var(--pw-error-inline-text-color);
+ color: light-dark(var(--pw-blocks-background), var(--pw-text-color)) !important;
}
.uk-overlay-default,
.uk-overlay-primary {
- background: var(--modal-color)
+ background: var(--pw-modal-color)
}
.uk-article-meta,
.uk-comment-meta {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-article-meta a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-article-meta a:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-comment-primary {
- background-color: var(--inputs-background);
+ background-color: var(--pw-inputs-background);
}
.uk-search-input {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-search-input:focus {
@@ -1100,41 +1100,41 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
.uk-search-input::placeholder,
.uk-search .uk-search-icon,
.uk-search .uk-search-icon:hover {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search-default .uk-search-input {
- border-color: var(--border-color)
+ border-color: var(--pw-border-color)
}
.uk-search-default .uk-search-input:focus {
- background-color: var(--inputs-background);
- border-color: var(--border-color);
+ background-color: var(--pw-inputs-background);
+ border-color: var(--pw-border-color);
}
.uk-search-toggle {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-search-toggle:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-accordion-title {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-accordion-title:hover {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-dropbar {
- background: var(--blocks-background);
- color: var(--text-color)
+ background: var(--pw-blocks-background);
+ color: var(--pw-text-color)
}
.uk-dropbar :focus-visible {
- outline-color: var(--text-color) !important
+ outline-color: var(--pw-text-color) !important
}
.uk-drop.uk-open > ul {
@@ -1142,100 +1142,101 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
}
.uk-modal {
- background: var(--modal-color);
+ background: var(--pw-modal-color);
}
.uk-modal-dialog {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.uk-modal-header,
.uk-modal-footer {
- background: var(--blocks-background);
- border-color: var(--border-color)
+ background: var(--pw-blocks-background);
+ border-color: var(--pw-border-color)
}
.uk-modal-close-outside,
.uk-modal-close-outside:hover {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-modal-close-full {
- background: var(--blocks-background)
+ background: var(--pw-blocks-background)
}
.uk-offcanvas-bar {
- background: var(--inputs-background);
+ background: var(--pw-inputs-background);
}
.uk-notification-message {
- background: var(--inputs-background);
- color: var(--text-color);
+ background: var(--pw-inputs-background);
+ color: var(--pw-text-color);
}
.uk-notification-message-primary {
- color: var(--text-color);
- background-color: var(--alert-primary);
+ color: var(--pw-text-color);
+ background-color: var(--pw-alert-primary);
}
.uk-notification-message-success {
- color: var(--text-color);
- color: var(--alert-success)
+ color: var(--pw-text-color);
+ color: var(--pw-alert-success)
}
.uk-notification-message-warning {
- color: var(--text-color);
- color: var(--alert-warning)
+ color: var(--pw-text-color);
+ color: var(--pw-alert-warning)
}
-.uk-notification-message-danger {
- color: var(--text-color);
- color: var(--alert-danger)
+.uk-notification-message-danger,
+.InputfieldStateError:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsDanger:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldStateError:not(.InputfieldNoBorder)>.InputfieldContent, .InputfieldIsDanger:not(.InputfieldNoBorder)>.InputfieldContent, .InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldContent {
+ color: var(--pw-text-color);
+ background-color: var(--pw-alert-danger)
}
.uk-tooltip {
- background: var(--text-color);
- color: var(--blocks-background);
+ background: var(--pw-text-color);
+ color: var(--pw-blocks-background);
}
.uk-grid-divider>:not(.uk-first-column)::before {
- border-left-color: var(--border-color);
+ border-left-color: var(--pw-border-color);
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-nav-default>li>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-default>li>a:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-default>li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-default .uk-nav-header {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-default .uk-nav-divider {
- border-top-color: var(--muted-color);
+ border-top-color: var(--pw-muted-color);
}
.uk-nav-default .uk-nav-sub a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-nav-default .uk-nav-sub a:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-default .uk-nav-sub li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-nav-primary>li>a,
@@ -1270,93 +1271,93 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
.uk-subnav>*>:first-child,
.uk-subnav>*>a:hover,
.uk-subnav>.uk-active>a {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-navbar-dropdown :focus-visible {
- outline-color: var(--border-color) !important
+ outline-color: var(--pw-border-color) !important
}
.uk-navbar-toggle {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-nav-primary .uk-nav-divider,
.uk-nav-secondary .uk-nav-divider,
.uk-nav.uk-nav-divider>:not(.uk-nav-header, .uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-navbar-dropdown-nav .uk-nav-divider {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-nav-secondary>li>a:hover,
.uk-nav-secondary>li.uk-active>a,
.uk-navbar-container:not(.uk-navbar-transparent) {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.uk-navbar-container:not(.uk-navbar-transparent) {
- border-bottom: 1px solid var(--border-color);
+ border-bottom: 1px solid var(--pw-border-color);
}
.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
- border-left-color: var(--border-color)
+ border-left-color: var(--pw-border-color)
}
.uk-subnav-pill>*>:first-child {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-subnav-pill>*>a:hover,
.uk-subnav-pill>*>a:active {
- background-color: var(--blocks-background);
- color: var(--text-color)
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color)
}
.uk-subnav-pill>.uk-active>a {
- background-color: var(--text-color);
- color: var(--blocks-background)
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background)
}
.uk-subnav>.uk-disabled>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-breadcrumb>*>*,
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-pagination>*>* {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-breadcrumb>*>:hover,
.uk-pagination>*>:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-breadcrumb>:last-child>span,.uk-breadcrumb>:last-child>a:not([href]) {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-pagination>.uk-active>* {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-pagination>.uk-active>*,.uk-pagination>.uk-active>* a {
- background: var(--button-background);
- color: var(--button-color)
+ background: var(--pw-button-background);
+ color: var(--pw-button-color)
}
.uk-pagination>.uk-active>*,.uk-pagination>.uk-active>* a {
- background: var(--button-background);
- color: var(--button-color);
- border-color: var(--border-color)
+ background: var(--pw-button-background);
+ color: var(--pw-button-color);
+ border-color: var(--pw-border-color)
}
.uk-pagination>.uk-disabled>* {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.uk-tab::before {
- border-bottom-color: var(--border-color);
+ border-bottom-color: var(--pw-border-color);
}
.uk-tab>*>a {
@@ -1368,195 +1369,195 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
}
.uk-tab>.uk-active>a {
- color: var(--text-color);
- border-color: var(--border-color);
- border-bottom-color: var(--blocks-background);
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color);
+ border-bottom-color: var(--pw-blocks-background);
}
.uk-tab>.uk-disabled>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-tab-left::before,
.uk-tab-right::before {
- border-left-color: var(--border-color);
+ border-left-color: var(--pw-border-color);
}
.uk-slidenav,
.uk-slidenav:hover,
.uk-slidenav:active {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-dotnav>*>* {
- border-color: var(--text-color);
+ border-color: var(--pw-text-color);
}
.uk-dotnav>*>:hover {
- background-color: var(--text-color);
+ background-color: var(--pw-text-color);
}
.uk-dotnav>*>:active {
- background-color: var(--text-color);
+ background-color: var(--pw-text-color);
}
.uk-dotnav>.uk-active>* {
- background-color: var(--text-color);
+ background-color: var(--pw-text-color);
}
.uk-iconnav>*>a:hover,
.uk-iconnav>.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-dropdown {
- background: var(--blocks-background);
- color: var(--text-color);
+ background: var(--pw-blocks-background);
+ color: var(--pw-text-color);
}
.uk-dropdown :focus-visible {
- outline-color: var(--text-color) !important
+ outline-color: var(--pw-text-color) !important
}
.uk-dropdown-nav>li>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-dropdown-nav>li>a:hover,.uk-dropdown-nav>li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-dropdown-nav .uk-nav-header {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-dropdown-nav .uk-nav-divider {
- border-top-color: var(--border-color)
+ border-top-color: var(--pw-border-color)
}
.uk-dropdown-nav .uk-nav-sub a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-lightbox {
- background: var(--modal-color);
+ background: var(--pw-modal-color);
}
.uk-lightbox :focus-visible {
- outline-color: var(--border-color)
+ outline-color: var(--pw-border-color)
}
.uk-lightbox-items>* {
- color: var(--blocks-background);
+ color: var(--pw-blocks-background);
}
.uk-lightbox-toolbar {
- background: var(--modal-color);
- color: var(--blocks-background)
+ background: var(--pw-modal-color);
+ color: var(--pw-blocks-background)
}
.uk-lightbox-toolbar>* {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-lightbox-toolbar-icon {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-lightbox-toolbar-icon:hover {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.uk-lightbox-button,
.uk-lightbox-button:hover {
- background: var(--button-background);
- color: var(--button-color);
+ background: var(--pw-button-background);
+ color: var(--pw-button-color);
}
.uk-text-lead {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-text-meta {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-text-meta>a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.uk-text-meta>a:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-text-muted {
- color: var(--muted-color) !important
+ color: var(--pw-muted-color) !important
}
.uk-text-emphasis {
- color: var(--text-color) !important
+ color: var(--pw-text-color) !important
}
.uk-text-primary {
- color: var(--main-color) !important;
+ color: var(--pw-main-color) !important;
}
.uk-text-secondary {
- color: var(--muted-color) !important
+ color: var(--pw-muted-color) !important
}
.uk-text-success {
- background-color: var(--alert-success);
- color: var(--text-color) !important
+ background-color: var(--pw-alert-success);
+ color: var(--pw-text-color) !important
}
.uk-text-warning {
- background-color: var(--alert-warning);
- color: var(--text-color) !important
+ background-color: var(--pw-alert-warning);
+ color: var(--pw-text-color) !important
}
.uk-text-danger {
- background-color: var(--error-inline-text-color);
- color: light-dark(var(--blocks-background), var(--text-color)) !important;
+ background-color: var(--pw-error-inline-text-color);
+ color: light-dark(var(--pw-blocks-background), var(--pw-text-color)) !important;
}
.uk-text-background {
- background-color: var(--main-color);
- color: var(--blocks-background);
+ background-color: var(--pw-main-color);
+ color: var(--pw-blocks-background);
background-image: none
}
.uk-column-divider {
- column-rule-color: var(--border-color);
+ column-rule-color: var(--pw-border-color);
}
.uk-background-default {
- background-color: var(--blocks-background)
+ background-color: var(--pw-blocks-background)
}
.uk-background-muted {
- background-color: var(--inputs-background)
+ background-color: var(--pw-inputs-background)
}
.uk-background-primary {
- background-color: var(--main-color)
+ background-color: var(--pw-main-color)
}
.uk-background-secondary {
- background-color: var(--inputs-background)
+ background-color: var(--pw-inputs-background)
}
.uk-panel-scrollable {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.uk-logo,
.uk-logo:hover {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.uk-card :is(a, .uk-link) {
@@ -1568,24 +1569,24 @@ a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-
.uk-card:hover {
outline: none !important;
border: none !important;
- box-shadow: 0 5px 15px color-mix(in srgb, var(--text-color), transparent 90%);
+ box-shadow: 0 5px 15px color-mix(in srgb, var(--pw-text-color), transparent 90%);
transition: box-shadow .25s ease;
}
.uk-card-default.uk-card-hover:hover {
- box-shadow: 0 5px 15px color-mix(in srgb, var(--text-color), transparent 75%);
+ box-shadow: 0 5px 15px color-mix(in srgb, var(--pw-text-color), transparent 75%);
}
.uk-table th,
table.AdminDataTable:not(.uk-table) th {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-table-divider>tbody>tr:last-child {
- border-bottom-color: var(--border-color);
+ border-bottom-color: var(--pw-border-color);
}
.uk-table.AdminDataTableSortable tr.tablesorter-headerRow th:hover {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.uk-table.AdminDataTableSortable tr.tablesorter-headerRow th.tablesorter-headerDesc {
@@ -1593,286 +1594,286 @@ table.AdminDataTable:not(.uk-table) th {
}
.uk-table.AdminDataTableSortable tr.tablesorter-headerRow th.tablesorter-headerAsc {
- color: var(--main-color)
+ color: var(--pw-main-color)
}
.pw-table-resizable td,.pw-table-resizable th {
- border-left-color: var(--border-color);
+ border-left-color: var(--pw-border-color);
}
.uk-tab>li.uk-active {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.detail,.notes,.pw-detail,.pw-notes {
- color: var(--muted-color) !important
+ color: var(--pw-muted-color) !important
}
.description,.pw-description {
- color: var(--muted-color) !important
+ color: var(--pw-muted-color) !important
}
.ui-selectable-helper {
- border-color: var(--text-color)
+ border-color: var(--pw-text-color)
}
.ui-tooltip {
- -webkit-box-shadow: 0 0 5px color-mix(in srgb, var(--text-color), transparent 98%);
- box-shadow: 0 0 5px color-mix(in srgb, var(--text-color), transparent 98%)
+ -webkit-box-shadow: 0 0 5px color-mix(in srgb, var(--pw-text-color), transparent 98%);
+ box-shadow: 0 0 5px color-mix(in srgb, var(--pw-text-color), transparent 98%)
}
.ui-widget-content {
- border-color: var(--border-color);
- background-color: var(--blocks-background);
- color: var(--text-color)
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color)
}
.ui-widget-content a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.ui-widget-header {
- border-color: var(--border-color);
- background-color: var(--blocks-background);
- color: var(--text-color);
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color);
}
.ui-widget-header a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
- border-color: var(--border-color);
- background-color: var(--blocks-background);
- color: var(--muted-color);
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-muted-color);
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
- border-color: var(--border-color);
- background-color: var(--blocks-background);
- color: var(--text-color)
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color)
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
- border-color: var(--border-color);
- background-color: var(--blocks-background);
- color: var(--text-color)
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color)
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
- background-color: var(--blocks-background);
- color: var(--text-color)
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color)
}
.ui-state-highlight:not(:input),.ui-widget-content .ui-state-highlight:not(:input),.ui-widget-header .ui-state-highlight:not(:input) {
- border-color: var(--notes-background)
+ border-color: var(--pw-notes-background)
}
.ui-state-highlight:input,.ui-widget-content .ui-state-highlight:input,.ui-widget-header .ui-state-highlight:input {
- border-color: var(--notes-background)
+ border-color: var(--pw-notes-background)
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.pw .ui-state-error,.pw .ui-widget-content .ui-state-error,.pw .ui-widget-header .ui-state-error {
- background: var(--error-inline-text-color);
- color: var(--blocks-background);
+ background: var(--pw-error-inline-text-color);
+ color: var(--pw-blocks-background);
}
.InputfieldStateError > .InputfieldHeader,
.InputfieldStateError > .InputfieldHeader:after {
- color: var(--error-inline-text-color) !important;
+ color: var(--pw-error-inline-text-color) !important;
}
.InputfieldHeader.ui-state-error,
.pw .Inputfields .InputfieldRepeater .InputfieldContent .InputfieldRepeaterItem > .InputfieldHeader.ui-state-error {
- background-color: var(--alert-danger) !important;
- color: var(--error-inline-text-color) !important;
+ background-color: var(--pw-alert-danger) !important;
+ color: var(--pw-error-inline-text-color) !important;
}
.ui-state-error:not(:input),.ui-widget-content .ui-state-error:not(:input),.ui-widget-header .ui-state-error:not(:input) {
- border: 1px solid var(--error-inline-text-color)
+ border: 1px solid var(--pw-error-inline-text-color)
}
.ui-state-error:input,.ui-widget-content .ui-state-error:input,.ui-widget-header .ui-state-error:input {
- border-color: var(--error-inline-text-color)
+ border-color: var(--pw-error-inline-text-color)
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
- color: var(--error-inline-text-color)
+ color: var(--pw-error-inline-text-color)
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
- color: var(--error-inline-text-color)
+ color: var(--pw-error-inline-text-color)
}
.ui-widget-overlay {
- background: var(--text-color);
+ background: var(--pw-text-color);
}
.ui-widget-shadow {
- background: color-mix(in srgb, var(--text-color), transparent 90%);
+ background: color-mix(in srgb, var(--pw-text-color), transparent 90%);
}
.pw-content .ui-widget-content a {
- color: var(--main-color)
+ color: var(--pw-main-color)
}
.pw-content li.ui-state-default,.pw-content .ui-widget-content li.ui-state-default {
- background: var(--main-color);
- border-color: var(--main-color);
- color: var(--blocks-background)
+ background: var(--pw-main-color);
+ border-color: var(--pw-main-color);
+ color: var(--pw-blocks-background)
}
.pw-content li.ui-state-default a,.pw-content .ui-widget-content li.ui-state-default a {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.pw-content li.ui-state-hover,.pw-content .ui-widget-content li.ui-state-hover {
- background: var(--main-color);
- border-color: var(--main-color);
- color: var(--blocks-background)
+ background: var(--pw-main-color);
+ border-color: var(--pw-main-color);
+ color: var(--pw-blocks-background)
}
.pw-content li.ui-state-hover a,.pw-content .ui-widget-content li.ui-state-hover a {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.ui-accordion.ui-widget .ui-accordion-header {
- background:var(--main-color);
+ background:var(--pw-main-color);
}
.ui-accordion.ui-widget .ui-accordion-header,.ui-accordion.ui-widget .ui-accordion-header h1,.ui-accordion.ui-widget .ui-accordion-header h2,.ui-accordion.ui-widget .ui-accordion-header h3,.ui-accordion.ui-widget .ui-accordion-header h4,.ui-accordion.ui-widget .ui-accordion-header h5,.ui-accordion.ui-widget .ui-accordion-header a {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.ui-accordion.ui-widget .ui-accordion-header>a,.ui-accordion.ui-widget .ui-accordion-header h1>a,.ui-accordion.ui-widget .ui-accordion-header h2>a,.ui-accordion.ui-widget .ui-accordion-header h3>a,.ui-accordion.ui-widget .ui-accordion-header h4>a,.ui-accordion.ui-widget .ui-accordion-header h5>a,.ui-accordion.ui-widget .ui-accordion-header a>a {
- color: var(--blocks-background)
+ color: var(--pw-blocks-background)
}
.ui-accordion.ui-widget .ui-accordion-content {
- border-color: var(--border-color)
+ border-color: var(--pw-border-color)
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
- color: var(--text-color);
- background: var(--inputs-background);
+ color: var(--pw-text-color);
+ background: var(--pw-inputs-background);
}
.ui-state-error,.ui-widget-content .ui-state-error {
- background: var(--alert-danger);
- color: var(--blocks-background)
+ background: var(--pw-alert-danger);
+ color: var(--pw-blocks-background)
}
.ui-dialog .ui-dialog-titlebar {
- color: var(--text-color);
- background-color: var(--blocks-background);
+ color: var(--pw-text-color);
+ background-color: var(--pw-blocks-background);
}
.ui-dialog .ui-dialog-titlebar .ui-button {
- background-color: var(--button-background);
- color: var(--button-color);
+ background-color: var(--pw-button-background);
+ color: var(--pw-button-color);
}
.ui-dialog .ui-dialog-buttonpane {
- background: var(--inputs-background);
+ background: var(--pw-inputs-background);
}
.ui-widget-overlay {
- background: var(--modal-color)
+ background: var(--pw-modal-color)
}
.ui-button,.ui-button.ui-state-default,.ui-button.ui-state-hover {
- background-color: var(--button-hover-background);
- background: var(--button-hover-color);
+ background-color: var(--pw-button-hover-background);
+ background: var(--pw-button-hover-color);
}
.ui-button.ui-priority-secondary,.ui-button.ui-state-default.ui-priority-secondary,.ui-button.ui-state-hover.ui-priority-secondary {
- background: var(--button-muted-background);
- color: var(--button-muted-color);
+ background: var(--pw-button-muted-background);
+ color: var(--pw-button-muted-color);
}
.ui-button:hover,.ui-button.ui-state-hover {
- background-color: var(--button-hover-background);
- color: var(--button-hover-color)
+ background-color: var(--pw-button-hover-background);
+ color: var(--pw-button-hover-color)
}
.ui-button:hover.ui-priority-secondary,.ui-button.ui-state-hover.ui-priority-secondary {
- background: var(--button-hover-background);
- color: var(--button-hover-color)
+ background: var(--pw-button-hover-background);
+ color: var(--pw-button-hover-color)
}
button.ui-button.pw-button-dropdown-toggle {
- border-left-color: var(--border-color);
+ border-left-color: var(--pw-border-color);
}
.ui-slider .ui-slider-range,.ui-widget .ui-slider .ui-slider-range,.ui-widget-content .ui-slider .ui-slider-range {
- background: var(--main-color);
+ background: var(--pw-main-color);
}
.ui-slider,.ui-slider-horizontal {
- background: var(--muted-color);
+ background: var(--pw-muted-color);
}
.ui-tooltip {
- color: var(--blocks-background);
- box-shadow: 0 0 7px color-mix(in srgb, var(--text-color), transparent 98%);
- background: var(--text-color);
- border-color: var(--blocks-background)
+ color: var(--pw-blocks-background);
+ box-shadow: 0 0 7px color-mix(in srgb, var(--pw-text-color), transparent 98%);
+ background: var(--pw-text-color);
+ border-color: var(--pw-blocks-background)
}
.ui-progressbar {
- background: var(--muted-color);
+ background: var(--pw-muted-color);
}
.ui-progressbar .ui-progressbar-value {
- background: var(--main-color);
- color: var(--blocks-background);
+ background: var(--pw-main-color);
+ color: var(--pw-blocks-background);
}
.ui-layout-resizer {
- background-color: var(--border-color);
- border-color: var(--border-color)
+ background-color: var(--pw-border-color);
+ border-color: var(--pw-border-color)
}
.ui-layout-pane {
- border-color: var(--border-color)
+ border-color: var(--pw-border-color)
}
.ui-layout-toggler {
- background-color: var(--border-color);
- border-color: var(--border-color)
+ background-color: var(--pw-border-color);
+ border-color: var(--pw-border-color)
}
.ui-tabs>.ui-tabs-nav>.ui-tabs-active>a.ui-tabs-anchor {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.ui-menu,
.uk-dropbar,
.uk-drop {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.ui-menu .uk-nav-header {
- color: var(--text-color)
+ color: var(--pw-text-color)
}
.ui-menu .ui-menu-item.separator:not(.highlight) {
- border-top-color: var(--border-color) !important;
+ border-top-color: var(--pw-border-color) !important;
}
.ui-menu .ui-menu-item i.fa {
@@ -1880,7 +1881,7 @@ button.ui-button.pw-button-dropdown-toggle {
}
.ui-menu .ui-menu-item a {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.ui-menu .ui-menu-item a i.fa {
@@ -1889,43 +1890,43 @@ button.ui-button.pw-button-dropdown-toggle {
.ui-menu .ui-menu-item a.uk-active,.ui-menu .ui-menu-item a.on,
.ui-menu .ui-menu-item a:hover,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
- color: var(--text-color);
- background: var(--inputs-background)
+ color: var(--pw-text-color);
+ background: var(--pw-inputs-background)
}
.ui-menu .ui-menu-item a small {
- color: var(--muted-color) !important
+ color: var(--pw-muted-color) !important
}
body .ProDraftsNotice {
- background: var(--main-background);
- border-top-color: var(--border-color);
+ background: var(--pw-main-background);
+ border-top-color: var(--pw-border-color);
}
.ProcessPageEditImageSelect #selected_image_settings #action_icons span:hover {
- background: var(--main-color)
+ background: var(--pw-main-color)
}
.hook-base-h2,.hook-base-h3,.hook-base-h4 {
- color: var(--main-color)
+ color: var(--pw-main-color)
}
.PageList>.uk-pagination>li.uk-active>a {
- border-color: var(--main-color) !important;
- background: var(--main-color)
+ border-color: var(--pw-main-color) !important;
+ background: var(--pw-main-color)
}
#pw-masthead-mobile,
#pw-masthead {
- background-color: var(--text-color)
+ background-color: var(--pw-text-color)
}
.AdminThemeUikit .uk-navbar a {
- color: var(--muted-color)
+ color: var(--pw-muted-color)
}
.AdminThemeUikit .uk-navbar a.uk-logo {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
/* END direct override of PW colors */
@@ -1933,13 +1934,13 @@ body .ProDraftsNotice {
html,
.pw body {
font-weight: 400;
- color: var(--text-color);
+ color: var(--pw-text-color);
}
html,
.pw body {
font-family: "Inter", system-ui, sans-serif;
- color: var(--text-color);
+ color: var(--pw-text-color);
}
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge, .uk-heading-3xlarge,
@@ -2005,20 +2006,20 @@ table,
._ProcessPageEditViewDropdownToggle,
.AdminThemeUikit .uk-tab>.uk-active>a,
.pw h4, .pw .uk-h4 {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
@media (hover: hover) and (pointer: fine) {
#offcanvas-nav .pw-sidebar-nav li > a:hover,
.pw .PageList .PageListItemOpen > a.PageListPage:hover,
.pw .PageList .PageListItemOpen.PageListItemHover > a.PageListPage:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
}
.pw #pw-masthead .uk-navbar-nav > li.uk-active,
.pw #pw-masthead .uk-navbar-nav > li.uk-active > a {
- color: var(--masthead-active-color);
+ color: var(--pw-masthead-active-color);
}
.uk-alert,
@@ -2027,13 +2028,17 @@ table,
.pw-notices .uk-alert-primary .notice-remove,
.pw-notices .uk-alert-warning .notice-remove,
.pw-notices .uk-alert-danger .notice-remove {
- color: var(--alert-text-color);
+ color: var(--pw-alert-text-color);
}
.pw-notices .uk-alert-danger a {
color: inherit;
}
+.pw-notices .uk-alert-danger {
+ color: var(--pw-error-inline-text-color);
+}
+
.pw .uk-notification-close svg {
display: none;
}
@@ -2054,58 +2059,58 @@ table,
}
.uk-notification-message {
- border: 1px solid var(--border-color);
+ border: 1px solid var(--pw-border-color);
font-size: 1rem;
}
.uk-alert {
- background: var(--blocks-background);
- border: 1px solid var(--border-color);
+ background: var(--pw-blocks-background);
+ border: 1px solid var(--pw-border-color);
}
.uk-alert-primary,
.uk-notification-message {
- background: var(--alert-primary);
+ background: var(--pw-alert-primary);
}
.uk-alert-warning,
.uk-notification-message-warning,
#NotificationBug.NoticeWarning {
- background: var(--alert-warning);
- color: var(--text-color);
+ background: var(--pw-alert-warning);
+ color: var(--pw-text-color);
}
.uk-alert-success,
.uk-notification-message-success,
#NotificationBug.NoticeSuccess {
- background: var(--alert-success);
- color: var(--text-color);
+ background: var(--pw-alert-success);
+ color: var(--pw-text-color);
}
.uk-alert-danger,
.uk-notification-message-danger,
.pw .uk-button.uk-button-danger,
#NotificationBug.NoticeError {
- background: var(--alert-danger);
- color: var(--text-color);
+ background: var(--pw-alert-danger);
+ color: var(--pw-text-color);
}
.pw .uk-button.uk-button-danger {
- background-color: var(--error-inline-text-color);
- color: light-dark(var(--blocks-background), var(--text-color));
+ background-color: var(--pw-error-inline-text-color);
+ color: light-dark(var(--pw-blocks-background), var(--pw-text-color));
}
.uk-nav-default .uk-nav-divider {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled,.uk-button-danger:disabled {
- color: var(--muted-color);
- border-color: var(--border-color);
+ color: var(--pw-muted-color);
+ border-color: var(--pw-border-color);
}
.uk-modal,
.ui-widget-overlay {
opacity: 1;
- background-color: var(--modal-color);
+ background-color: var(--pw-modal-color);
}
.uk-modal.uk-open {
@@ -2116,17 +2121,17 @@ table,
.pw .ui-dialog .ui-dialog-content,
.pw .ui-widget-content,
.pw .uk-modal-dialog {
- background: var(--main-background);
+ background: var(--pw-main-background);
}
.pw .uk-modal-dialog,
.pw .ui-dialog {
- outline: 1px solid var(--border-color);
+ outline: 1px solid var(--pw-border-color);
border-radius: 0;
}
.pw .uk-modal-footer {
- border-top-color: var(--border-color);
+ border-top-color: var(--pw-border-color);
background-color: transparent;
}
@@ -2140,14 +2145,14 @@ table,
}
.pw .tox .tox-dialog-wrap__backdrop {
- background-color: var(--modal-color);
+ background-color: var(--pw-modal-color);
}
.pw .tox .tox-dialog,
.uk-section-muted {
- background-color: var(--blocks-background);
- border-color: var(--border-color);
- color: var(--text-color);
+ background-color: var(--pw-blocks-background);
+ border-color: var(--pw-border-color);
+ color: var(--pw-text-color);
border-radius: 0;
border-style: solid;
border-width: 1px;
@@ -2155,7 +2160,7 @@ table,
.pw :is(.uk-button-text,.uk-button-link),
.pw :is(.uk-button-text,.uk-button-link):hover {
- color: var(--main-color);
+ color: var(--pw-main-color);
padding: 0 .75em;
}
@@ -2168,7 +2173,7 @@ table,
}
.uk-button-text:disabled {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
@@ -2186,10 +2191,10 @@ table,
.vex-dialog-button.vex-dialog-button-primary,
.pw .uk-button,
.pw .uk-button-primary {
- background-color: var(--button-background);
- color: var(--button-color);
+ background-color: var(--pw-button-background);
+ color: var(--pw-button-color);
border: none;
- box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%);
+ box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%);
text-transform: none;
font-size: 1em;
}
@@ -2202,36 +2207,36 @@ table,
.pw .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary,
.pw .uk-button-secondary,
.pw .uk-button-default {
- background-color: var(--button-muted-background);
- color: var(--button-muted-color);
+ background-color: var(--pw-button-muted-background);
+ color: var(--pw-button-muted-color);
border: none;
- box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%);
+ box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%);
}
.pw .uk-button-default {
- background-color: var(--button-background);
- color: var(--button-color);
+ background-color: var(--pw-button-background);
+ color: var(--pw-button-color);
}
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default {
- background-color: var(--button-color);
- color: var(--button-background);
+ background-color: var(--pw-button-color);
+ color: var(--pw-button-background);
}
.pw .uk-section-primary:not(.uk-preserve-color) .uk-button-default:not(:disabled):hover,
.pw .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:not(:disabled):hover {
- background-color: var(--button-background);
- color: var(--button-color);
+ background-color: var(--pw-button-background);
+ color: var(--pw-button-color);
}
.pw .ui-button:focus-visible,
.pw.pw .ui-button.ui-state-hover:not(:disabled),
.pw .vex-dialog-button:focus,
.uk-button:not(:disabled):hover {
- background-color: var(--button-hover-background);
- color: var(--button-hover-color);
+ background-color: var(--pw-button-hover-background);
+ color: var(--pw-button-hover-color);
border: none;
- box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%);
+ box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%);
}
@media (hover: hover) and (pointer: fine) {
@@ -2255,10 +2260,10 @@ table,
.vex-dialog-button.vex-dialog-button-primary:not(:disabled):hover,
.AdminThemeUikit .uk-button-primary:not(:disabled):hover,
.pw .AdminThemeUikit :is(.uk-button-text,.uk-button-link):not(:disabled):hover {
- background-color: var(--button-hover-background);
- color: var(--button-hover-color);
+ background-color: var(--pw-button-hover-background);
+ color: var(--pw-button-hover-color);
border: none;
- box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--text-color), transparent 98%);
+ box-shadow: 0px 0px 0 1px color-mix(in srgb, var(--pw-text-color), transparent 98%);
text-decoration: none;
cursor: pointer;
}
@@ -2301,37 +2306,37 @@ button:disabled,
.pw .pw-notes,
.pw .description,
.pw .pw-description {
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
- color: var(--error-inline-text-color);
+ color: var(--pw-error-inline-text-color);
}
.pw .langTabEmpty.uk-active,
.pw .langTabs .uk-tab > li.uk-active > a {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.AdminThemeUikit .uk-breadcrumb a,
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-breadcrumb>:last-child>*, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-card-primary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*, .uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-card-secondary>:not([class*='uk-card-media']) .uk-breadcrumb>:last-child>*, .uk-overlay-primary .uk-breadcrumb>:last-child>* {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
@media (hover: hover) and (pointer: fine) {
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
}
.pw .InputfieldToggleGroup label.InputfieldToggleCurrent,
.pw .InputfieldToggleGroup input:checked + label {
- color: var(--button-color);
+ color: var(--pw-button-color);
}
.ui-button,
@@ -2344,17 +2349,17 @@ button:disabled,
.pw .InputfieldToggleGroup label,
.pw .InputfieldToggleGroup input:not(:checked) + label:not(.InputfieldToggleCurrent):hover {
- background-color: var(--main-background);
- border-color: var(--border-color);
- color: var(--text-color);
+ background-color: var(--pw-main-background);
+ border-color: var(--pw-border-color);
+ color: var(--pw-text-color);
}
.pw .InputfieldToggleGroup label.InputfieldToggleCurrent,
.pw .InputfieldToggleGroup input:checked + label,
.pw .InputfieldToggleGroup label:not(.InputfieldToggleCurrent):hover {
- background-color: var(--button-hover-background);
- border-color: var(--button-hover-background);
- color: var(--button-hover-color);
+ background-color: var(--pw-button-hover-background);
+ border-color: var(--pw-button-hover-background);
+ color: var(--pw-button-hover-color);
}
.pw .InputfieldToggleGroup label:last-of-type,
@@ -2376,7 +2381,7 @@ button:disabled,
.pw #main .notes,
.pw .PageList .PageListItem.PageListSortItem,
.PageListItem span.PageListNote {
- background-color: var(--notes-background);
+ background-color: var(--pw-notes-background);
}
strong {
@@ -2387,18 +2392,18 @@ strong {
h2,
.uk-h2 {
- color: var(--text-color);
+ color: var(--pw-text-color);
font-size: 1.8em;
}
h4, .uk-h4 {
- color: var(--text-color);
+ color: var(--pw-text-color);
font-size: 1.2em;
}
html,
body {
- background-color: var(--main-background);
+ background-color: var(--pw-main-background);
min-height: 100vh;
}
@@ -2430,7 +2435,7 @@ body {
.pw-logo-link {
display: block;
- color: var(--masthead-logo-color);
+ color: var(--pw-masthead-logo-color);
position: relative;
z-index: 1;
max-width: 90px;
@@ -2438,12 +2443,12 @@ body {
}
.pw-logo-link:focus-visible {
- color: var(--masthead-logo-color);
+ color: var(--pw-masthead-logo-color);
}
@media (hover: hover) and (pointer: fine) {
.pw-logo-link:hover {
- color: var(--masthead-logo-color);
+ color: var(--pw-masthead-logo-color);
}
}
@@ -2469,13 +2474,13 @@ body {
a:focus-visible,
label > :focus-visible,
.ui-dialog .ui-dialog-titlebar .ui-button:focus-visible {
- outline: 1px dotted var(--main-color);
+ outline: 1px dotted var(--pw-main-color);
outline-offset: 3px;
}
#pw-mastheads a:focus-visible,
#pw-mastheads label > :focus-visible {
- outline-color: var(--masthead-logo-color);
+ outline-color: var(--pw-masthead-logo-color);
}
.uk-margin-right {
@@ -2488,9 +2493,9 @@ label > :focus-visible,
.pw-table-responsive,
.uk-description-list {
- color: var(--text-color);
- outline: 1px solid var(--border-color);
- background-color: var(--blocks-background);
+ color: var(--pw-text-color);
+ outline: 1px solid var(--pw-border-color);
+ background-color: var(--pw-blocks-background);
}
.pw-table-responsive,
@@ -2502,11 +2507,11 @@ label > :focus-visible,
.pw .selectize-dropdown,
.uk-drop,
.uk-dropbar {
- background: var(--blocks-background);
- background-color: var(--blocks-background);
- color: var(--text-color);
- border: 1px solid var(--border-color);
- border-color: var(--border-color);
+ background: var(--pw-blocks-background);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color);
+ border: 1px solid var(--pw-border-color);
+ border-color: var(--pw-border-color);
}
@media (hover: hover) and (pointer: fine) {
.pw .ui-menu .ui-menu-item a:hover {
@@ -2518,7 +2523,7 @@ label > :focus-visible,
.ui-menu
.ui-menu-item
a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
- background: var(--menu-item-background-hover);
+ background: var(--pw-menu-item-background-hover);
}
.ui-menu:focus-within .ui-menu-item .ui-widget-content:not(:focus-within),
@@ -2527,7 +2532,7 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
}
.ui-menu .ui-menu-item.separator:not(.highlight) {
- border-top: 1px solid var(--border-color) !important;
+ border-top: 1px solid var(--pw-border-color) !important;
}
.ui-menu .ui-menu-item a.ui-state-focus,
@@ -2568,14 +2573,14 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
}
#offcanvas-nav-close i {
- color: var(--masthead-active-color);
+ color: var(--pw-masthead-active-color);
}
#offcanvas-nav .uk-offcanvas-bar {
- background: var(--masthead-background);
+ background: var(--pw-masthead-background);
padding: 0;
- box-shadow: 0 4px 7px color-mix(in srgb, var(--text-color), transparent 98%);
- border-right: 1px solid var(--masthead-border-color) !important;
+ box-shadow: 0 4px 7px color-mix(in srgb, var(--pw-text-color), transparent 98%);
+ border-right: 1px solid var(--pw-masthead-border-color) !important;
}
#offcanvas-nav .pw-sidebar-nav li > a {
@@ -2615,9 +2620,9 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
.pw .ui-menu[style*="top: 56px"],
.pw .ui-menu#ui-id-1,
.pw .ui-menu-item > .ui-menu {
- background-color: var(--masthead-background);
- color: var(--masthead-active-color);
- border-color: var(--masthead-border-color) !important;
+ background-color: var(--pw-masthead-background);
+ color: var(--pw-masthead-active-color);
+ border-color: var(--pw-masthead-border-color) !important;
}
.pw:has(:is(.pw-primary-nav > li, .ui-menu[style*="top: 56px"], .ui-menu#ui-id-1, .ui-menu-item > .ui-menu):hover) .tracy-panel {
@@ -2639,7 +2644,7 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
)
.ui-menu-item
a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
- background: var(--masthead-menu-item-background-hover);
+ background: var(--pw-masthead-menu-item-background-hover);
}
@media (hover: hover) and (pointer: fine) {
@@ -2654,7 +2659,7 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
)
.ui-menu-item
a:hover {
- background: var(--masthead-menu-item-background-hover);
+ background: var(--pw-masthead-menu-item-background-hover);
}
}
@@ -2668,11 +2673,11 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
.ui-menu-item > .ui-menu
)
.ui-menu-item.separator:not(.highlight):not(:first-child) {
- border-top: 1px solid var(--masthead-border-color) !important;
+ border-top: 1px solid var(--pw-masthead-border-color) !important;
}
.ui-menu .ui-menu-item a small {
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
}
:is(
@@ -2686,23 +2691,19 @@ a:is(:focus, :focus-visible, .ui-state-active, .ui-state-focus) {
.ui-menu-item
a
small {
- color: var(--masthead-text-color) !important;
+ color: var(--pw-masthead-text-color) !important;
}
#offcanvas-toggle > i {
- color: var(--masthead-active-color);
+ color: var(--pw-masthead-active-color);
}
@media (hover: hover) and (pointer: fine) {
#offcanvas-toggle:hover > i {
- color: var(--masthead-active-color);
+ color: var(--pw-masthead-active-color);
}
}
-.uk-grid>*>.InputfieldContent:last-child {
- margin-bottom: 1px;
-}
-
.pw .Inputfield.InputfieldStateCollapsed > .InputfieldHeader {
margin-bottom: 1px;
}
@@ -2719,33 +2720,33 @@ small {
.pw .InputfieldImageEdit__inner,
.pw .gridImage,
.InputfieldFieldset>.InputfieldContent>.Inputfields .Inputfield {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
@media (hover: hover) and (pointer: fine) {
.PageList .PageListItem:not(.PageListSortItem):hover {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
}
.pw .gridImage__btn {
- background: var(--blocks-background);
- color: var(--text-color);
+ background: var(--pw-blocks-background);
+ color: var(--pw-text-color);
}
@media (hover: hover) and (pointer: fine) {
.pw .gridImage:hover .gridImage__btn:hover {
- background: var(--blocks-background);
- color: var(--text-color);
+ background: var(--pw-blocks-background);
+ color: var(--pw-text-color);
}
}
.AdminDataTable tr {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.AdminDataTable tr.ui-sortable-helper {
- border-bottom: 1px solid var(--border-color);
+ border-bottom: 1px solid var(--pw-border-color);
}
.InputfieldPageTable .PageListStatusHidden td {
@@ -2764,7 +2765,7 @@ small {
.InputfieldImage:not(.InputfieldStateCollapsed)
> .InputfieldContent
.gridImage {
- border: 1px solid var(--border-color);
+ border: 1px solid var(--pw-border-color);
}
.pw
@@ -2779,8 +2780,8 @@ small {
> .InputfieldContent
.gridImage.gridImage--delete
.gridImage__btn.gridImage__trash {
- background: var(--blocks-background);
- color: var(--alert-danger);
+ background: var(--pw-blocks-background);
+ color: var(--pw-alert-danger);
}
@media (hover: hover) and (pointer: fine) {
@@ -2789,43 +2790,43 @@ small {
}
.InputfieldImageEditAll .gridImage:hover .gridImage__inner {
- background-color: var(--blocks-background) !important;
+ background-color: var(--pw-blocks-background) !important;
}
}
.pw .gridImage.gridImage--delete .gridImage__inner {
background-color: color-mix(
in srgb,
- var(--alert-danger),
+ var(--pw-alert-danger),
transparent 50%
) !important;
}
.pw .InputfieldImageEdit__info {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
font-size: 0.875rem;
}
.pw .InputfieldImageEdit__inner,
.pw .gridImage__tooltip {
border: none;
- filter: drop-shadow(1px 0px 0px color-mix(in srgb, var(--text-color), transparent 98%))
- drop-shadow(-1px 0px 0px color-mix(in srgb, var(--text-color), transparent 98%))
- drop-shadow(0px 1px 0px color-mix(in srgb, var(--text-color), transparent 98%))
- drop-shadow(0px -1px 0px color-mix(in srgb, var(--text-color), transparent 98%));
- background: var(--blocks-background);
+ filter: drop-shadow(1px 0px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%))
+ drop-shadow(-1px 0px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%))
+ drop-shadow(0px 1px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%))
+ drop-shadow(0px -1px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%));
+ background: var(--pw-blocks-background);
}
.pw .gridImage {
- border: 1px solid var(--border-color);
+ border: 1px solid var(--pw-border-color);
}
.pw .InputfieldImageEdit__imagewrapper {
- border-right: 1px solid var(--border-color);
+ border-right: 1px solid var(--pw-border-color);
}
.pw .InputfieldImageEdit__arrow {
- border-bottom-color: var(--blocks-background);
+ border-bottom-color: var(--pw-blocks-background);
}
.pw .Inputfield > .InputfieldHeader {
@@ -2834,24 +2835,24 @@ small {
}
.gridImage__tooltip {
- background: var(--blocks-background);
- color: var(--text-color);
+ background: var(--pw-blocks-background);
+ color: var(--pw-text-color);
}
.pw .gridImage__tooltip table th,
.pw .gridImage__tooltip table td {
- background-color: var(--blocks-background) !important;
- color: var(--text-color);
+ background-color: var(--pw-blocks-background) !important;
+ color: var(--pw-text-color);
}
.pw .gridImage__tooltip:after {
border-color: transparent;
- border-top-color: var(--blocks-background);
+ border-top-color: var(--pw-blocks-background);
}
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane {
- background: var(--main-background);
+ background: var(--pw-main-background);
}
.ui-dialog .ui-dialog-titlebar .ui-button {
@@ -2868,7 +2869,7 @@ small {
#pw-masthead-mobile,
.ui-dialog .ui-dialog-titlebar,
.pw .pw-masthead-mobile {
- border-bottom: 1px solid var(--masthead-border-color);
+ border-bottom: 1px solid var(--pw-masthead-border-color);
}
.pw .pw-sidebar-nav > li,
@@ -2876,22 +2877,22 @@ small {
.pw .pw-sidebar-nav > li > ul > li .pw-nav-add:first-child,
.pw .pw-sidebar-nav > li > ul > li .pw-nav-dup:first-child,
.pw .pw-sidebar-nav > li > ul > li .pw-nav-add {
- border-color: var(--masthead-border-color);
- border-top-color: var(--masthead-border-color);
- border-bottom-color: var(--masthead-border-color);
+ border-color: var(--pw-masthead-border-color);
+ border-top-color: var(--pw-masthead-border-color);
+ border-bottom-color: var(--pw-masthead-border-color);
}
.pw #offcanvas-nav .pw-sidebar-nav li.uk-open,
.pw .pw-sidebar-nav > li > ul > li {
- background-color: var(--masthead-background);
+ background-color: var(--pw-masthead-background);
}
.pw #offcanvas-nav .pw-sidebar-nav li > a {
- color: var(--masthead-text-color);
+ color: var(--pw-masthead-text-color);
}
.pw #offcanvas-nav .pw-sidebar-nav li.uk-open > a {
- color: var(--masthead-active-color);
+ color: var(--pw-masthead-active-color);
}
.pw-sidebar-nav li > a {
@@ -2900,13 +2901,13 @@ small {
.pw-sidebar-nav li:has(> a:focus-visible),
.pw-sidebar-nav li > ul > li:has(a:focus-visible) {
- background-color: var(--masthead-menu-item-background-hover);
+ background-color: var(--pw-masthead-menu-item-background-hover);
}
@media (hover: hover) and (pointer: fine) {
.pw-sidebar-nav li:has(> a:hover),
.pw-sidebar-nav li > ul > li:has(> a:hover) {
- background-color: var(--masthead-menu-item-background-hover);
+ background-color: var(--pw-masthead-menu-item-background-hover);
}
}
@@ -2914,7 +2915,7 @@ small {
content: "\f061";
font: normal normal normal 0.8em / 1 FontAwesome;
position: absolute;
- color: var(--masthead-text-color);
+ color: var(--pw-masthead-text-color);
border-top-color: transparent;
border-left-color: transparent;
right: 17px;
@@ -2952,7 +2953,7 @@ li:not(.pw-nav-dup)
}
.ui-dialog .ui-dialog-buttonpane {
- border-top: 1px solid var(--border-color);
+ border-top: 1px solid var(--pw-border-color);
margin-top: 0;
}
@@ -3003,11 +3004,11 @@ li:not(.pw-nav-dup)
.pw .uk-tab > li:not(.uk-active) > a .pw .uk-table th,
.Inputfield.InputfieldStateCollapsed > .InputfieldHeader,
.uk-breadcrumb {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.pw .uk-nav-header {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw #pw-masthead .uk-navbar-nav > li,
@@ -3016,7 +3017,7 @@ li:not(.pw-nav-dup)
.pw #pw-masthead .pw-search-form .pw-search-input::placeholder,
.pw #offcanvas-nav .pw-search-form .uk-form-icon,
.pw #offcanvas-nav .pw-search-form .pw-search-input::placeholder {
- color: var(--masthead-text-color);
+ color: var(--pw-masthead-text-color);
}
.uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
@@ -3032,7 +3033,7 @@ li:not(.pw-nav-dup)
position: absolute;
right: 10px;
font-size: 12px;
- color: color-mix(in srgb, var(--masthead-text-color), transparent 40%);
+ color: color-mix(in srgb, var(--pw-masthead-text-color), transparent 40%);
bottom: 6px;
white-space: nowrap;
pointer-events: none;
@@ -3061,7 +3062,7 @@ li:not(.pw-nav-dup)
.uk-text-muted,
.pw #main .notes,
.PageListItem span.PageListNote {
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
}
.PageListItem span.PageListNote {
@@ -3081,21 +3082,21 @@ body.AdminThemeUikit
body.AdminThemeReno
.vex.vex-theme-default
.vex-dialog-button.vex-dialog-button-primary {
- background-color: var(--text-color);
- color: var(--blocks-background);
+ background-color: var(--pw-text-color);
+ color: var(--pw-blocks-background);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pw .Inputfields select.uk-select:focus-visible,
.pw .Inputfields select.uk-select:not(.uk-form-blank):focus-visible {
- border-color: var(--border-color);
- color: var(--text-color);
- background-color: var(--inputs-background);
+ border-color: var(--pw-border-color);
+ color: var(--pw-text-color);
+ background-color: var(--pw-inputs-background);
}
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.Inputfields .InputfieldRepeater .InputfieldRepeaterDrag {
@@ -3103,23 +3104,23 @@ body.AdminThemeReno
}
.Inputfield {
- outline: 1px solid var(--border-color);
+ outline: 1px solid var(--pw-border-color);
position: relative;
}
-.Inputfield:not(.InputfieldRowLast):has(> .InputfieldHeader):before,
-.Inputfield:not(.InputfieldRowLast):has(> .InputfieldHeader):after,
+.Inputfield:not(.InputfieldRowLast):not(:has(+ .InputfieldIsOffset)):has(> .InputfieldHeader):before,
+.Inputfield:not(.InputfieldRowLast):not(:has(+ .InputfieldIsOffset)):has(> .InputfieldHeader):after,
.InputfieldRepeaterInit > li > label + div:before,
.InputfieldRepeaterInit > li > label + div:after {
content: "";
position: absolute;
display: block;
- height: 2px;
+ height: 1px;
width: 1px;
- bottom: -1px;
+ bottom: 0px;
background-color: inherit;
z-index: 0;
- opacity: 0.5;
+ opacity: 0.3;
pointer-events: none;
}
@@ -3137,7 +3138,7 @@ body.AdminThemeReno
.InputfieldRepeaterInit > li > label + div:after {
bottom: auto;
top: -1px;
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.Inputfield > .InputfieldHeader,
@@ -3174,9 +3175,9 @@ body.AdminThemeReno
.InputfieldRepeaterItem
> .InputfieldHeader,
.pw .InputfieldFileList > li > .InputfieldItemHeader {
- background-color: var(--inputs-background) !important;
- outline: 1px solid var(--border-color);
- color: var(--text-color);
+ background-color: var(--pw-inputs-background) !important;
+ outline: 1px solid var(--pw-border-color);
+ color: var(--pw-text-color);
font-weight: inherit;
padding: 0.6em 0 0.6em 0.4em;
min-height: 2.2rem;
@@ -3187,65 +3188,65 @@ body.AdminThemeReno
.pw .Inputfield.InputfieldStateCollapsed > .InputfieldHeader:hover {
background: color-mix(
in srgb,
- var(--blocks-background),
- var(--text-color) 2%
+ var(--pw-blocks-background),
+ var(--pw-text-color) 2%
);
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw .Inputfield.InputfieldStateCollapsed.InputfieldIsSuccess:hover > .InputfieldHeader,
.pw .Inputfield.InputfieldStateCollapsed.InputfieldIsSuccess > .InputfieldHeader:hover {
background: color-mix(
in srgb,
- var(--alert-success),
- var(--text-color) 2%
+ var(--pw-alert-success),
+ var(--pw-text-color) 2%
);
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw .Inputfield.InputfieldStateCollapsed.InputfieldIsWarning:hover > .InputfieldHeader,
.pw .Inputfield.InputfieldStateCollapsed.InputfieldIsWarning > .InputfieldHeader:hover {
background: color-mix(
in srgb,
- var(--alert-warning),
- var(--text-color) 2%
+ var(--pw-alert-warning),
+ var(--pw-text-color) 2%
);
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw .Inputfield.InputfieldStateCollapsed.InputfieldIsError:hover > .InputfieldHeader,
.pw .Inputfield.InputfieldStateCollapsed.InputfieldIsError > .InputfieldHeader:hover {
background: color-mix(
in srgb,
- var(--alert-danger),
- var(--text-color) 2%
+ var(--pw-alert-danger),
+ var(--pw-text-color) 2%
);
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw .uk-tab > li:not(.uk-active) > a:hover,
.uk-breadcrumb > * > :hover {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
}
.pw ul.InputfieldFileList li .InputfieldFileData {
- outline: 1px solid var(--border-color);
+ outline: 1px solid var(--pw-border-color);
border: none;
margin-top: 1px;
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.pw .ui-progressbar {
- background-color: var(--blocks-background);
- outline: 1px solid var(--main-color);
+ background-color: var(--pw-blocks-background);
+ outline: 1px solid var(--pw-main-color);
height: 17px;
line-height: 1;
font-size: 11px;
}
.pw .ui-progressbar .ui-progressbar-value {
- background-color: var(--main-color);
+ background-color: var(--pw-main-color);
}
.pw .Inputfields :is(.InputfieldFileUpload, .InputfieldImageUpload) {
@@ -3269,7 +3270,7 @@ body.AdminThemeReno
.Inputfields .InputfieldAsmSelect .asmListItem {
margin-top: 6px;
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
outline: none;
}
@@ -3292,7 +3293,7 @@ body.AdminThemeReno
.InputfieldRepeaterDeletePending
).InputfieldRepeaterOff
> .InputfieldHeader {
- outline-color: var(--inputs-background);
+ outline-color: var(--pw-inputs-background);
}
.Inputfields
@@ -3313,13 +3314,13 @@ i.toggle-icon {
}
.pw .asmListItem.rowStart:before {
- border-top-color: var(--main-color);
- color: var(--blocks-background);
+ border-top-color: var(--pw-main-color);
+ color: var(--pw-blocks-background);
}
.pw .asmListItem.rowStop:not(.rowStart):before {
- border-bottom: 5px solid var(--muted-color);
- color: var(--blocks-background);
+ border-bottom: 5px solid var(--pw-muted-color);
+ color: var(--pw-blocks-background);
}
.uk-form-small:not(textarea):not([multiple]):not([size]) {
@@ -3327,8 +3328,8 @@ i.toggle-icon {
}
.pw-panel-element.ui-accordion.ui-widget > .container {
- background-color: var(--blocks-background);
- outline: 1px solid var(--border-color);
+ background-color: var(--pw-blocks-background);
+ outline: 1px solid var(--pw-border-color);
}
.ProcessFormBuilderAccordion .ui-accordion-header,
@@ -3336,7 +3337,7 @@ i.toggle-icon {
.pw-panel-element.ui-accordion.ui-widget
> .container
.ui-accordion-content.ui-widget-content {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.ui-accordion-header,
@@ -3355,7 +3356,7 @@ i.toggle-icon {
.ui-accordion.ui-widget .ui-accordion-header h5,
.ui-accordion.ui-widget .ui-accordion-header a,
.InputfieldFileList > li > .InputfieldItemHeader {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw-panel-element.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
@@ -3365,19 +3366,19 @@ i.toggle-icon {
body .pw-panel-container .pw-panel-button.ui-button,
body .pw-panel-container .pw-panel-button.ui-button i.fa {
- background: var(--inputs-background);
- color: var(--text-color);
+ background: var(--pw-inputs-background);
+ color: var(--pw-text-color);
text-transform: none;
}
#debug {
- background: var(--main-background);
+ background: var(--pw-main-background);
min-height: 100vh;
padding: 15px;
}
#debug pre {
- background: var(--inputs-background);
+ background: var(--pw-inputs-background);
}
#debug.ui-accordion.ui-widget .ui-accordion-header {
@@ -3392,11 +3393,11 @@ body .pw-panel-container .pw-panel-button.ui-button i.fa {
}
.pw #debug.ui-accordion.ui-widget .ui-accordion-header.ui-state-hover {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
#debug.ui-accordion.ui-widget .ui-accordion-header-active {
- border-bottom: 1px solid var(--border-color);
+ border-bottom: 1px solid var(--pw-border-color);
transition-delay: 0s;
}
@@ -3409,7 +3410,7 @@ body .pw-panel-container .pw-panel-button.ui-button i.fa {
@media (hover: hover) and (pointer: fine) {
.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
- background-color: var(--inputs-background);
+ background-color: var(--pw-inputs-background);
}
}
@@ -3418,7 +3419,7 @@ body .pw-panel-container .pw-panel-button.ui-button {
}
.ui-widget-content a {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
body
@@ -3438,9 +3439,9 @@ small.ui-button-text
.ui-accordion.ui-widget .ui-accordion-header,
.pw-content li.ui-state-default,
.pw-content .ui-widget-content li.ui-state-default {
- background-color: var(--inputs-background);
- border-color: var(--border-color);
- color: var(--text-color);
+ background-color: var(--pw-inputs-background);
+ border-color: var(--pw-border-color);
+ color: var(--pw-text-color);
font-weight: inherit;
}
@@ -3453,9 +3454,9 @@ small.ui-button-text
.InputfieldContent
.InputfieldRepeaterItem
> .InputfieldHeader.ui-state-hover {
- background-color: var(--main-background);
- border-color: var(--border-color);
- color: var(--text-color);
+ background-color: var(--pw-main-background);
+ border-color: var(--pw-border-color);
+ color: var(--pw-text-color);
}
.pw
@@ -3477,9 +3478,9 @@ small.ui-button-text
@media (hover: hover) and (pointer: fine) {
.pw .InputfieldFileList > li > .InputfieldItemHeader:hover {
- background-color: var(--main-background);
- border-color: var(--border-color);
- color: var(--text-color);
+ background-color: var(--pw-main-background);
+ border-color: var(--pw-border-color);
+ color: var(--pw-text-color);
}
}
@@ -3499,7 +3500,7 @@ small.ui-button-text
.Inputfields
.InputfieldRepeater:not(.InputfieldIsColor):not(.InputfieldNoBorder)
> .InputfieldContent {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.pw .InputfieldNoBorder.InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) {
@@ -3521,34 +3522,34 @@ small.ui-button-text
}
.pw .Inputfield .selectize-input {
- border-color: var(--border-color);
- border-radius: var(--input-radius);
+ border-color: var(--pw-border-color);
+ border-radius: var(--pw-input-radius);
line-height: 21px;
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.pw .Inputfield .selectize-input:not(.has-items) {
- background: var(--inputs-background);
+ background: var(--pw-inputs-background);
}
.pw .Inputfield .selectize-control.multi .selectize-input.has-items > div {
- background: var(--main-background);
- border-color: var(--border-color);
- color: var(--text-color);
+ background: var(--pw-main-background);
+ border-color: var(--pw-border-color);
+ color: var(--pw-text-color);
}
.pw .Inputfield .selectize-control.multi .selectize-input.has-items > div > a {
- color: var(--text-color) !important;
- border-color: var(--border-color);
+ color: var(--pw-text-color) !important;
+ border-color: var(--pw-border-color);
}
input:focus-visible,
.pw .Inputfield .selectize-input.focus {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.pw .selectize-dropdown,
.pw .selectize-dropdown .selectize-dropdown-content {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.pw .selectize-dropdown .selectize-dropdown-content > * {
@@ -3556,8 +3557,8 @@ input:focus-visible,
}
.pw .selectize-dropdown .selectize-dropdown-content > .active {
- background-color: var(--menu-item-background-hover);
- color: var(--text-color);
+ background-color: var(--pw-menu-item-background-hover);
+ color: var(--pw-text-color);
}
.pw .selectize-input:before {
content: none;
@@ -3565,7 +3566,7 @@ input:focus-visible,
.pw-content li.ui-state-hover a,
.pw-content .ui-widget-content li.ui-state-hover a {
- color: var(--text-color);
+ color: var(--pw-text-color);
font-weight: inherit;
}
@@ -3584,12 +3585,12 @@ input:focus-visible,
}
.Inputfields select.uk-select:not(.uk-form-blank) {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.pw-content li.ui-state-default a,
.pw-content .ui-widget-content li.ui-state-default a {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.InputfieldHeader,
@@ -3598,7 +3599,7 @@ ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileName,
font-weight: 600 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
- color: var(--text-color);
+ color: var(--pw-text-color);
}
#pw-mastheads {
@@ -3619,20 +3620,20 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
[type="radio"]
):not(.uk-form-blank),
.Inputfields textarea:not(.uk-form-blank) {
- border-color: var(--border-color);
- border-radius: var(--input-radius);
+ border-color: var(--pw-border-color);
+ border-radius: var(--pw-input-radius);
}
.uk-checkbox:focus,
.uk-checkbox:indeterminate:focus {
- border-color: var(--main-color);
+ border-color: var(--pw-main-color);
}
.uk-checkbox:indeterminate {
background-color: transparent;
}
.pw .uk-checkbox:checked,
.pw .uk-checkbox:checked:focus {
- background-color: var(--main-color);
+ background-color: var(--pw-main-color);
background-image: url('data:image/svg+xml,');
background-size: 82%;
}
@@ -3647,26 +3648,26 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
.pw .uk-radio,
.pw .uk-radio:is(.focus, :focus-visible) {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.pw .uk-radio:checked,
.pw .uk-radio:is(.focus, :focus-visible):checked {
- border-color: var(--main-color);
+ border-color: var(--pw-main-color);
}
input[type="radio"]:focus-visible:checked,
.uk-radio:focus-visible:checked {
background-color: color-mix(
in srgb,
- var(--main-color),
- var(--text-color) 10%
+ var(--pw-main-color),
+ var(--pw-text-color) 10%
) !important;
}
.pw .uk-radio,
.pw .uk-checkbox {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
@@ -3675,13 +3676,13 @@ input[type="radio"]:focus-visible:checked,
}
.pw .uk-radio:disabled,.pw .uk-checkbox:disabled {
- background-color: var(--inputs-background) !important;
- border-color: var(--border-color);
+ background-color: var(--pw-inputs-background) !important;
+ border-color: var(--pw-border-color);
}
.pw .uk-radio:checked:disabled,.pw .uk-checkbox:checked:disabled {
- background-color: var(--muted-color) !important;
- border-color: var(--border-color);
+ background-color: var(--pw-muted-color) !important;
+ border-color: var(--pw-border-color);
}
.pw-togcbx .uk-checkbox:focus-visible,
@@ -3694,27 +3695,27 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
[type="radio"]
):not(.uk-form-blank):focus-visible,
.Inputfields textarea:not(.uk-form-blank):focus-visible {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.pw-togcbx .uk-checkbox:focus-visible {
background-color: color-mix(
in srgb,
- var(--muted-color),
+ var(--pw-muted-color),
transparent 55%
) !important;
}
.pw-togcbx .uk-checkbox:checked:focus-visible {
background-color: color-mix(
in srgb,
- var(--main-color),
- var(--text-color) 10%
+ var(--pw-main-color),
+ var(--pw-text-color) 10%
) !important;
}
.pw .ui-menu,
.pw #offcanvas-nav .uk-offcanvas-bar,
.pw .ui-datepicker {
- box-shadow: 0 5px 7.5px 2.5px color-mix(in srgb, var(--text-color), transparent 98%);
+ box-shadow: 0 5px 7.5px 2.5px color-mix(in srgb, var(--pw-text-color), transparent 98%);
}
.pw-dropdown-menu[data-at="left bottom"],
@@ -3736,7 +3737,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
}
.pw-dropdown-menu .ui-menu {
- box-shadow: 5px 2.5px 7.5px 2.5px color-mix(in srgb, var(--text-color), transparent 99%) !important;
+ box-shadow: 5px 2.5px 7.5px 2.5px color-mix(in srgb, var(--pw-text-color), transparent 99%) !important;
}
.pw-dropdown-menu .ui-menu:has(> :nth-child(15)) {
@@ -3746,7 +3747,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
.pw-dropdown-menu,
.pw ul.ui-menu > li.ui-menu-item > ul.ui-menu {
z-index: 150 !important;
- border: 1px solid var(--border-color) !important;
+ border: 1px solid var(--pw-border-color) !important;
}
.pw .ui-front {
@@ -3754,12 +3755,12 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
}
.pw ul.pw-dropdown-menu > li.ui-menu-item > ul.ui-menu {
- border: 1px solid var(--border-color) !important;
+ border: 1px solid var(--pw-border-color) !important;
}
.pw .ui-menu .ui-menu-item .ui-menu.navJSON .ui-menu-item.add a,
.pw .ui-menu .ui-menu-item .ui-menu.navJSON .ui-menu-item.highlight a {
- border-color: var(--border-color) !important;
+ border-color: var(--pw-border-color) !important;
}
.uk-navbar-nav > li > a,
@@ -3795,7 +3796,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
[type="radio"]
):not(.uk-form-blank),
.Inputfields textarea:not(.uk-form-blank) {
- border-radius: var(--input-radius);
+ border-radius: var(--pw-input-radius);
}
#pw-masthead .pw-search-form .pw-search-input,
@@ -3804,9 +3805,9 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
#offcanvas-nav .pw-search-form .pw-search-input:focus,
#pw-masthead .pw-search-form .pw-search-input:focus-visible,
#offcanvas-nav .pw-search-form .pw-search-input:focus-visible {
- background-color: var(--masthead-input-background);
- color: var(--masthead-input-color);
- border-color: var(--masthead-input-border);
+ background-color: var(--pw-masthead-input-background);
+ color: var(--pw-masthead-input-color);
+ border-color: var(--pw-masthead-input-border);
height: 31px;
border-radius: 9999px;
font-size: 15px;
@@ -3818,7 +3819,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
width: min(35vw, 350px);
max-width: min(35vw, 350px);
transition: all 0.25s ease;
- box-shadow: -12px 0px 12px 0px color-mix(in srgb, var(--text-color), transparent 98%);
+ box-shadow: -12px 0px 12px 0px color-mix(in srgb, var(--pw-text-color), transparent 98%);
}
#offcanvas-nav .pw-search-form .pw-search-input {
@@ -3866,8 +3867,8 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
):not(.uk-form-blank):focus-visible,
.Inputfields textarea:not(.uk-form-blank):focus-visible {
color: inherit;
- border-color: var(--border-color);
- background: var(--inputs-background);
+ border-color: var(--pw-border-color);
+ background: var(--pw-inputs-background);
outline: none;
}
@@ -3875,7 +3876,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
[type="radio"]
):not(.uk-form-blank):not(:focus-visible) {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.Inputfields
@@ -3897,7 +3898,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
}
.pw-notices .NoticeMessage {
- border-bottom: 1px solid var(--border-color);
+ border-bottom: 1px solid var(--pw-border-color);
}
.uk-tab > li.uk-active,
@@ -3906,7 +3907,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
}
.uk-tab > li > a {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
border: none;
border-bottom: 6px solid transparent;
padding: 10px 0px;
@@ -3914,12 +3915,12 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
}
.uk-tab > li > a:focus-visible {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
@media (hover: hover) and (pointer: fine) {
.uk-tab > li > a:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
}
@@ -3930,9 +3931,9 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
.uk-tab > .uk-active > a,
.AdminThemeUikit .uk-tab>.uk-active>a,
.WireTabs.uk-tab > li.uk-active.pw-tab-muted > a {
- color: var(--text-color);
+ color: var(--pw-text-color);
border: none;
- border-bottom: 6px solid var(--main-color);
+ border-bottom: 6px solid var(--pw-main-color);
}
.uk-tab::before {
@@ -3944,7 +3945,7 @@ input:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not(
[type="radio"]
):not(.uk-form-blank),
.Inputfields textarea:not(.uk-form-blank) {
- background-color: var(--inputs-background);
+ background-color: var(--pw-inputs-background);
}
.tox.tox-tinymce-inline {
@@ -3967,30 +3968,30 @@ body .tox.tox-tinymce-inline .tox-editor-container {
.pw .tox .tox-textarea-wrap,
.pw .tox .tox-textfield {
border: 1px solid;
- border-color: var(--border-color);
- background-color: var(--inputs-background);
- border-radius: var(--input-radius);
- color: var(--text-color);
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-inputs-background);
+ border-radius: var(--pw-input-radius);
+ color: var(--pw-text-color);
}
.InputfieldTinyMCE
.InputfieldTinyMCEInline.InputfieldTinyMCEInline:focus-visible,
.pw .tox .tox-textarea-wrap:focus-within,
.pw .tox .tox-textfield:focus-visible {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
outline: none;
box-shadow: none;
- color: var(--text-color);
- background-color: var(--inputs-background);
+ color: var(--pw-text-color);
+ background-color: var(--pw-inputs-background);
}
.mce-edit-focus {
outline: none;
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.tox-edit-area__iframe {
- background-color: var(--inputs-background);
+ background-color: var(--pw-inputs-background);
}
.pw .tox-collection__item-label {
@@ -3998,12 +3999,12 @@ body .tox.tox-tinymce-inline .tox-editor-container {
}
.InputfieldContent .tox.tox-tinymce-inline .tox-edit-area__iframe {
- background-color: var(--inputs-background);
+ background-color: var(--pw-inputs-background);
}
.pw-notices .uk-alert {
border: none;
- border-bottom: 1px solid var(--border-color);
+ border-bottom: 1px solid var(--pw-border-color);
}
.Inputfields
@@ -4012,15 +4013,15 @@ body .tox.tox-tinymce-inline .tox-editor-container {
.InputfieldRepeaterItem
> .InputfieldHeader.ui-state-error {
text-decoration: line-through;
- background: var(--alert-danger);
- color: var(--text-color);
- border-color: var(--border-color);
- outline-color: var(--border-color);
+ background: var(--pw-alert-danger);
+ color: var(--pw-text-color);
+ border-color: var(--pw-border-color);
+ outline-color: var(--pw-border-color);
}
.pw-notices .NoticeWarning a.notice-remove,
.pw-notices .NoticeError a.notice-remove {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.PageList .PageListItem.PageListItemOpen {
@@ -4029,11 +4030,11 @@ body .tox.tox-tinymce-inline .tox-editor-container {
}
#pw-masthead .uk-navbar-nav > li > a.hover {
- color: var(--masthead-text-color);
+ color: var(--pw-masthead-text-color);
}
@media (hover: hover) and (pointer: fine) {
#pw-masthead .uk-navbar-nav > li > a:hover {
- color: var(--masthead-text-color);
+ color: var(--pw-masthead-text-color);
}
}
@@ -4041,12 +4042,12 @@ body .tox.tox-tinymce-inline .tox-editor-container {
.PageList .PageListItem.PageListItemHover > a.PageListPage,
.PageList .PageListItemOpen > a.PageListPage,
.PageListPage {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
@media (hover: hover) and (pointer: fine) {
.PageList .PageListItemOpen > a.PageListPage:hover,
.PageList .PageListItemOpen.PageListItemHover > a.PageListPage:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
}
@@ -4072,7 +4073,7 @@ body .tox.tox-tinymce-inline .tox-editor-container {
}
.PageList .PageListItem:has(:focus-visible) {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.pw .PageList .PageListItem .PageListActions {
@@ -4093,7 +4094,7 @@ body .tox.tox-tinymce-inline .tox-editor-container {
outline: 1px solid;
padding: 0.05em .65em;
margin: 0 .5em;
- border-radius: var(--button-radius);
+ border-radius: var(--pw-button-radius);
}
.PageList .PageListItem:not(:hover):focus-within .PageListActions.actions {
@@ -4116,7 +4117,7 @@ body:not(.pw-narrow-width)
.PageList
.PageListItem.PageListHasChildren:not(.PageListItemOpen)
> a.PageListPage:before {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.PageList .PageListActions a,
@@ -4126,7 +4127,7 @@ body:not(.pw-narrow-width)
.PageList .PageListerActions a:focus-visible,
.PageList .PageListMoveNote a:focus-visible {
background-color: transparent;
- color: var(--muted-color);
+ color: var(--pw-muted-color);
font-weight: 500;
font-size: 13px;
letter-spacing: 0.5px;
@@ -4137,7 +4138,7 @@ body:not(.pw-narrow-width)
.PageList .PageListerActions a:hover,
.PageList .PageListMoveNote a:hover {
background-color: transparent;
- color: var(--muted-color);
+ color: var(--pw-muted-color);
font-weight: 500;
font-size: 13px;
letter-spacing: 0.5px;
@@ -4155,18 +4156,18 @@ body:not(.pw-narrow-width)
.PageList
.PageListItem.PageListStatusHidden.PageListHasChildren:not(.PageListItemOpen)
> a.PageListPage:before {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.PageList .PageListItem > a.PageListPage {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
@media (hover: hover) and (pointer: fine) {
.PageList .PageListActions a:hover,
.PageList .PageListerActions a:hover,
.PageList .PageListMoveNote a:hover,
.PageList .PageListItem > a.PageListPage:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
}
@@ -4181,43 +4182,43 @@ body:not(.pw-narrow-width)
.PageList .PageListStatusHidden > a.PageListPage,
.pw .PageList .PageListStatusHidden.PageListItemOpen > a.PageListPage {
opacity: 1;
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
}
@media (hover: hover) and (pointer: fine) {
.PageList .PageListStatusHidden > a.PageListPage:hover {
opacity: 1;
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
}
}
.PageList .PageListStatusHidden > a.PageListPage {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
#pw-content-body ul.uk-pagination > li > a {
- border: 1px solid var(--border-color) !important;
+ border: 1px solid var(--pw-border-color) !important;
}
#pw-content-body ul.uk-pagination > li > a {
- border-color: var(--border-color) !important;
- background: var(--blocks-background) !important;
- color: var(--muted-color) !important;
+ border-color: var(--pw-border-color) !important;
+ background: var(--pw-blocks-background) !important;
+ color: var(--pw-muted-color) !important;
border-radius: 0 !important;
}
#pw-content-body ul.uk-pagination > li.uk-active > a {
- background: var(--text-color) !important;
- color: var(--blocks-background) !important;
+ background: var(--pw-text-color) !important;
+ color: var(--pw-blocks-background) !important;
}
#pw-content-body ul.uk-pagination > li:not(.uk-active) > a:focus {
- background: var(--inputs-background) !important;
- color: var(--muted-color) !important;
+ background: var(--pw-inputs-background) !important;
+ color: var(--pw-muted-color) !important;
}
@media (hover: hover) and (pointer: fine) {
#pw-content-body ul.uk-pagination > li:not(.uk-active) > a:hover {
- background: var(--inputs-background) !important;
- color: var(--muted-color) !important;
+ background: var(--pw-inputs-background) !important;
+ color: var(--pw-muted-color) !important;
}
}
@@ -4288,7 +4289,7 @@ body:not(.pw-narrow-width)
.PageList .PageListItem > a.PageListPage.label > i.icon {
padding: 0 0.25em 0 0;
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.PageList .PageListItem > a.PageListPage.label > i:not(.icon) {
@@ -4299,8 +4300,8 @@ body:not(.pw-narrow-width)
.PageListItem
.PageListActionFilter:not(.PageListActionFilterActive)
> a {
- background-color: var(--inputs-background);
- color: var(--text-color);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-text-color);
font-weight: normal;
}
@media (hover: hover) and (pointer: fine) {
@@ -4308,15 +4309,15 @@ body:not(.pw-narrow-width)
.PageListItem
.PageListActionFilter:not(.PageListActionFilterActive)
> a:hover {
- background-color: var(--inputs-background);
- color: var(--text-color);
+ background-color: var(--pw-inputs-background);
+ color: var(--pw-text-color);
font-weight: normal;
}
}
.PageList .PageListItem .PageListActionFilter.PageListActionFilterActive > a {
- color: var(--blocks-background);
- background-color: var(--main-color);
+ color: var(--pw-blocks-background);
+ background-color: var(--pw-main-color);
}
.PageListNumChildren {
@@ -4349,11 +4350,11 @@ body:not(.pw-narrow-width)
}
.uk-description-list dd {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.uk-description-list dt a .fa {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
opacity: 0.2;
}
@@ -4363,26 +4364,26 @@ table,
.uk-table-divider > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr,
.uk-table-divider > :first-child > tr:not(:first-child) {
- border-color: var(--border-color);
+ border-color: var(--pw-border-color);
}
.uk-table-divider > tbody > tr:last-child {
- border-bottom-color: var(--border-color);
+ border-bottom-color: var(--pw-border-color);
}
.pw-table-resizable td,
.pw-table-resizable th {
- border-left-color: var(--border-color);
+ border-left-color: var(--pw-border-color);
}
.uk-table th {
font-weight: normal;
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
@media (hover: hover) and (pointer: fine) {
.uk-table th .tablesorter-header-inner:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
}
@@ -4426,8 +4427,8 @@ table,
width: 3.5em;
height: 2em;
border: none;
- background-color: var(--muted-color);
- background-color: color-mix(in srgb, var(--muted-color), transparent 30%);
+ background-color: var(--pw-muted-color);
+ background-color: color-mix(in srgb, var(--pw-muted-color), transparent 30%);
border-radius: 3em;
box-shadow: none;
flex-shrink: 0;
@@ -4453,7 +4454,7 @@ table,
.pw-togcbx #main .uk-checkbox:after {
content: "";
position: relative;
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
width: 1.5em;
height: 1.5em;
border-radius: 50%;
@@ -4476,7 +4477,7 @@ table,
.pw-togcbx .uk-checkbox:checked,
.pw-togcbx #main .uk-checkbox:checked {
flex-direction: row-reverse;
- background-color: var(--main-color);
+ background-color: var(--pw-main-color);
}
.pw-togcbx .InputfieldCheckboxes .InputfieldCheckboxesStacked li,
@@ -4504,23 +4505,23 @@ input.gridImage__deletebox {
}
.uk-radio:checked {
- background-color: var(--main-color) !important;
+ background-color: var(--pw-main-color) !important;
}
.ui-dialog .ui-dialog-titlebar .ui-button,
.ui-dialog .ui-dialog-titlebar {
- color: var(--text-color);
+ color: var(--pw-text-color);
font-weight: 600;
}
.ui-dialog .ui-dialog-titlebar .ui-button:focus,
.ui-dialog .ui-dialog-titlebar .ui-button.ui-state-hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
.ui-dialog .ui-dialog-titlebar .ui-button:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
background-color: transparent;
}
}
@@ -4551,7 +4552,7 @@ body.pw-guest .pw-notices > li > .uk-container {
.ProcessLogin:not(:has(#tools-toggle)) #ProcessLoginForm > .Inputfields {
padding: 0 30px;
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
width: fit-content;
display: flex;
flex-direction: column;
@@ -4576,7 +4577,7 @@ body.pw-guest .pw-notices > li > .uk-container {
}
.pw .ProcessLogin:not(:has(#tools-toggle)) #ProcessLoginForm input::placeholder {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.ProcessLogin:not(:has(#tools-toggle)) #pw-masthead-mobile {
@@ -4593,7 +4594,7 @@ body.pw-guest .pw-notices > li > .uk-container {
.ProcessLogin:not(:has(#tools-toggle)) #ProcessLoginForm > .Inputfields input:focus-visible {
outline: none;
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.ProcessLogin:not(:has(#tools-toggle)) .pw-logo-link > * {
@@ -4620,11 +4621,11 @@ html.pw:has(.ProcessLogin):not(:has(#tools-toggle)) {
min-height: 30vh;
max-width: 380px;
max-height: 900px;
- border: 1px solid var(--border-color);
+ border: 1px solid var(--pw-border-color);
}
html.pw body.ProcessLogin:not(:has(#tools-toggle)) {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
box-shadow: none;
padding: 20px;
display: flex;
@@ -4650,8 +4651,8 @@ pre,
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
- color: var(--code-color, #0173b0);
- background-color: var(--code-background, #0173b027);
+ color: var(--pw-code-color, #0173b0);
+ background-color: var(--pw-code-background, #0173b027);
outline: none;
border: none;
border-radius: 0;
@@ -4665,12 +4666,12 @@ pre,
.asmListItem
> .asmListItemStatus
> .columnWidth:not(.columnWidthOff):hover {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
}
.pw .asmListItem .columnWidthBar {
- background-color: var(--main-color) !important;
+ background-color: var(--pw-main-color) !important;
z-index: 0;
}
@@ -4679,7 +4680,7 @@ pre,
.pw .asmListItem .asmListItemEdit > *,
.pw .asmListItem .asmListItemStatus {
opacity: 1;
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw .asmListItem .asmListItemEdit > a,
@@ -4764,7 +4765,7 @@ pre,
border-bottom: 5px solid transparent;
opacity: 1;
background: transparent !important;
- color: var(--muted-color);
+ color: var(--pw-muted-color);
text-transform: uppercase;
}
@@ -4775,7 +4776,7 @@ pre,
.langTabs .ui-tabs-nav > li.uk-active > a,
.langTabs .uk-tab > li.uk-active > a {
- border-bottom-color: var(--main-color);
+ border-bottom-color: var(--pw-main-color);
}
.langTabs .ui-tabs-nav > li,
@@ -4787,22 +4788,22 @@ pre,
.langTabs .uk-tab > li > a,
.langTabs .ui-tabs-nav > li.langTabEmpty > a,
.langTabs .uk-tab > li.langTabEmpty > a {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
position: relative;
}
.langTabs .ui-tabs-nav > li > a:focus-visible,
.langTabs .uk-tab > li > a:focus-visible {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.langTabs .uk-tab > li:not(.langTabEmpty) > a {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
@media (hover: hover) and (pointer: fine) {
.langTabs .uk-tab > li:not(.langTabEmpty) > a:hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
}
@@ -4832,23 +4833,23 @@ body .pw-panel-container .pw-panel-button.ui-button {
body .pw-panel-container .pw-panel-button.ui-button,
body .pw-panel-container .pw-panel-button.ui-button i.fa {
- background-color: var(--main-background) !important;
+ background-color: var(--pw-main-background) !important;
}
@media (hover: hover) and (pointer: fine) {
body .pw-panel-container .pw-panel-button.ui-button i.fa:hover,
body .pw-panel-container .pw-panel-button.ui-button:hover {
- background-color: var(--main-background);
+ background-color: var(--pw-main-background);
}
}
body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button,
body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button i.fa {
- background-color: var(--blocks-background) !important;
+ background-color: var(--pw-blocks-background) !important;
}
@media (hover: hover) and (pointer: fine) {
body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button i.fa:hover,
body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button:hover {
- background-color: var(--blocks-background) !important;
+ background-color: var(--pw-blocks-background) !important;
}
}
@@ -4859,7 +4860,7 @@ body .pw-panel-container:has(> iframe) .pw-panel-button.ui-button i.fa {
.pw .tox-dialog .tox-button,
.pw .vex-dialog-button,
.pw .vex.vex-theme-default .vex-dialog-button {
- border-radius: var(--button-radius);
+ border-radius: var(--pw-button-radius);
}
.pw-button-dropdown-main,
@@ -4896,12 +4897,12 @@ button.ui-button.pw-button-dropdown-main {
.pw .ahl__link:active,
.pw .ahl__link:visited,
.pw .ahl__link i {
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
opacity: 1 !important;
}
@media (hover: hover) and (pointer: fine) {
.pw .ahl__link:hover {
- color: var(--muted-color) !important;
+ color: var(--pw-muted-color) !important;
opacity: 1 !important;
}
}
@@ -4944,11 +4945,11 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before {
}
.Inputfields .Inputfield.pw-drag-in-file {
- background: var(--inputs-background) !important;
+ background: var(--pw-inputs-background) !important;
}
.InputfieldIsPrimary:not(.InputfieldNoBorder) {
- background-color: var(--main-background);
+ background-color: var(--pw-main-background);
}
.pw .Inputfields {
@@ -4969,7 +4970,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before {
.pw .Inputfield:not(.InputfieldNoBorder, .InputfieldWrapper),
.Inputfields
.InputfieldRepeater:not(.InputfieldIsColor):not(.InputfieldNoBorder) {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.pw
@@ -4977,27 +4978,27 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before {
.InputfieldNoBorder,
.InputfieldWrapper
) {
- background: var(--notes-background) !important;
+ background: var(--pw-notes-background) !important;
}
.InputfieldIsSuccess:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsSuccess:not(.InputfieldNoBorder)>.InputfieldContent {
- background: var(--alert-success) ;
- color: var(--text-color);
+ background: var(--pw-alert-success) ;
+ color: var(--pw-text-color);
}
.InputfieldIsWarning:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsWarning:not(.InputfieldNoBorder)>.InputfieldContent {
- background: var(--alert-warning);
- color: var(--text-color);
+ background: var(--pw-alert-warning);
+ color: var(--pw-text-color);
}
.InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldHeader, .InputfieldIsError:not(.InputfieldNoBorder)>.InputfieldContent {
- background: var(--alert-danger);
- color: var(--text-color);
+ background: var(--pw-alert-danger);
+ color: var(--pw-text-color);
}
:not(.InputfieldFieldset)>.InputfieldContent>.Inputfields>.InputfieldMarkup.InputfieldHeaderHidden:not(.InputfieldNoBorder, .InputfieldWrapper),
.InputfieldForm>.Inputfields>.InputfieldMarkup.InputfieldHeaderHidden:not(.InputfieldNoBorder, .InputfieldWrapper) {
- outline: 1px solid var(--border-color) !important;
+ outline: 1px solid var(--pw-border-color) !important;
padding-left: 20px;
padding-right: 20px;
}
@@ -5014,7 +5015,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before {
.InputfieldNoBorder,
.InputfieldWrapper
) {
- background: var(--main-background) !important;
+ background: var(--pw-main-background) !important;
}
.InputfieldNoBorder > .InputfieldHeader {
@@ -5031,7 +5032,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before {
#ProcessListerResults #ProcessListerTable .pw-table-responsive {
outline: none;
- border: 1px solid var(--border-color);
+ border: 1px solid var(--pw-border-color);
}
.pw input[disabled="disabled"] {
@@ -5056,6 +5057,10 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before {
border: none;
}
+.InputfieldHeader {
+ margin-top: 1px;
+}
+
.pw
.Inputfields
.InputfieldRepeater
@@ -5091,7 +5096,7 @@ body.uk-offcanvas-container #offcanvas-toggle > .fa-bars:before {
.ui-widget-header .ui-priority-secondary {
opacity: 1;
filter: none;
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
a
@@ -5104,7 +5109,7 @@ a
}
html.pw .Inputfield.InputfieldTinyMCE .InputfieldContent {
- /* RJC background-color: var(--blocks-background, #f4f4f4); */
+ background-color: var(--pw-blocks-background, #f4f4f4);
}
.pw .tox-dialog .tox-button--naked {
@@ -5125,11 +5130,11 @@ html.pw .Inputfield.InputfieldTinyMCE .InputfieldContent {
background-image: linear-gradient(
45deg,
transparent 50%,
- var(--text-color) 50%
+ var(--pw-text-color) 50%
),
- linear-gradient(135deg, var(--text-color) 50%, transparent 50%),
- linear-gradient(45deg, var(--text-color) 50%, transparent 50%),
- linear-gradient(135deg, transparent 50%, var(--text-color) 50%) !important;
+ linear-gradient(135deg, var(--pw-text-color) 50%, transparent 50%),
+ linear-gradient(45deg, var(--pw-text-color) 50%, transparent 50%),
+ linear-gradient(135deg, transparent 50%, var(--pw-text-color) 50%) !important;
background-position: calc(100% - 12px) calc(50% + 4px),
calc(100% - 8px) calc(50% + 4px), calc(100% - 8px) calc(50% - 4px),
calc(100% - 12px) calc(50% - 4px) !important;
@@ -5148,7 +5153,7 @@ a .ModuleClass.ui-priority-secondary {
.pw #ProcessPageEditChildEdit .PageEditChild {
border: none;
- background-color: var(--blocks-background) !important;
+ background-color: var(--pw-blocks-background) !important;
}
.pw #ProcessPageEditChildEdit .PageEditChildHidden {
@@ -5169,7 +5174,7 @@ a .ModuleClass.ui-priority-secondary {
.PageEditChildUnpub
> .InputfieldHeader
.PageEditChildUnpubAction {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
#offcanvas-toggle {
@@ -5179,10 +5184,10 @@ a .ModuleClass.ui-priority-secondary {
.pw .vex .vex-content,
.pw .vex.vex-theme-default .vex-content,
.pw .ui-datepicker {
- background-color: var(--blocks-background);
- color: var(--text-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color);
border-radius: 0;
- border: 1px solid var(--border-color);
+ border: 1px solid var(--pw-border-color);
}
.ui-datepicker {
@@ -5191,82 +5196,82 @@ a .ModuleClass.ui-priority-secondary {
}
.ui-datepicker table th {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.ui-datepicker table td .ui-state-default {
border: 1px solid transparent;
- color: var(--text-color);
+ color: var(--pw-text-color);
border-radius: 0;
}
.pw .ui-datepicker table td .ui-state-default:hover {
- background: var(--main-color);
- border: 1px solid var(--main-color);
- color: var(--blocks-background);
+ background: var(--pw-main-color);
+ border: 1px solid var(--pw-main-color);
+ color: var(--pw-blocks-background);
}
.ui-datepicker table td .ui-state-highlight,
.ui-datepicker table td .ui-state-highlight:hover {
- border: 1px solid var(--main-color);
- background: var(--blocks-background);
- color: var(--text-color);
+ border: 1px solid var(--pw-main-color);
+ background: var(--pw-blocks-background);
+ color: var(--pw-text-color);
font-weight: 600;
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.ui-datepicker table td .ui-state-active,
.ui-datepicker table td .ui-state-active:hover {
- background: var(--main-color);
- border-color: var(--main-color);
- color: var(--blocks-background);
+ background: var(--pw-main-color);
+ border-color: var(--pw-main-color);
+ color: var(--pw-blocks-background);
}
.ui-datepicker .ui-datepicker-title {
- color: var(--blocks-background);
+ color: var(--pw-blocks-background);
}
.ui-datepicker .ui-datepicker-header {
- border-bottom: var(--border-color);
+ border-bottom: var(--pw-border-color);
}
.ui-datepicker .ui-datepicker-next {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.ui-datepicker .ui-datepicker-prev {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.ui-datepicker button.ui-datepicker-current {
- color: var(--blocks-background);
- background: var(--main-color);
- border-color: var(--main-color);
+ color: var(--pw-blocks-background);
+ background: var(--pw-main-color);
+ border-color: var(--pw-main-color);
}
.ui-datepicker button.ui-datepicker-close {
- background: var(--text-color);
- border-color: var(--text-color);
- color: var(--blocks-color);
+ background: var(--pw-text-color);
+ border-color: var(--pw-text-color);
+ color: var(--pw-blocks-color);
}
.ui-datepicker button.ui-datepicker-close:hover {
- background: var(--main-color);
- border-color: var(--main-color);
+ background: var(--pw-main-color);
+ border-color: var(--pw-main-color);
}
.pw .AdminThemeUikit .ui-slider {
- background: var(--inputs-background);
- border: 1px solid var(--border-color);
+ background: var(--pw-inputs-background);
+ border: 1px solid var(--pw-border-color);
}
.pw .AdminThemeUikit .ui-slider .ui-slider-handle {
top: -5px;
- background: var(--main-color);
+ background: var(--pw-main-color);
border-radius: 99999px;
height: 16px;
width: 16px;
@@ -5275,24 +5280,24 @@ a .ModuleClass.ui-priority-secondary {
.ui-slider .ui-slider-range,
.ui-widget .ui-slider .ui-slider-range,
.ui-widget-content .ui-slider .ui-slider-range {
- background: var(--border-color);
+ background: var(--pw-border-color);
}
.ui-datepicker .ui-timepicker-div {
- border-top: 1px solid var(--border-color);
- border-bottom: 1px solid var(--border-color);
+ border-top: 1px solid var(--pw-border-color);
+ border-bottom: 1px solid var(--pw-border-color);
}
.ui-datepicker .ui-timepicker-div #ui_tpicker_time_Inputfield_date {
- color: var(--blocks-background);
+ color: var(--pw-blocks-background);
}
.ui-datepicker .ui-datepicker-title select {
min-height: 22px;
border-radius: 0;
- border-color: var(--border-color);
- background-color: var(--blocks-background);
- color: var(--text-color);
+ border-color: var(--pw-border-color);
+ background-color: var(--pw-blocks-background);
+ color: var(--pw-text-color);
}
.ui-datepicker .ui-timepicker-div:last-child {
@@ -5317,14 +5322,14 @@ a .ModuleClass.ui-priority-secondary {
}
.pw li.pageBreak .asmListItemLabel {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.pw .asmListItem.pageBreak .asmListItemEdit > *,
.pw .asmListItem.pageBreak > *:not(.columnWidthBar),
.pw .asmListItem.pageBreak .asmListItemStatus,
.pw .asmListItem.pageBreak .asmListItemStatus > * {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
.pw .asmListItem.pageBreak .asmListItemStatus > [data-was] {
@@ -5336,15 +5341,15 @@ a .ModuleClass.ui-priority-secondary {
}
del {
- color: var(--error-inline-text-color);
+ color: var(--pw-error-inline-text-color);
}
span.pw-diff {
- color: var(--muted-color);
+ color: var(--pw-muted-color);
}
ins {
- color: var(--text-color);
+ color: var(--pw-text-color);
font-weight: inherit;
}
@@ -5362,30 +5367,30 @@ ins {
}
.InputfieldIconAll .fa.fw {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.InputfieldIconAll .fa.fw.on {
- color: var(--button-color);
- background-color: var(--button-background);
- border-radius: var(--input-radius);
+ color: var(--pw-button-color);
+ background-color: var(--pw-button-background);
+ border-radius: var(--pw-input-radius);
}
.pw .fm-show-buttons {
- color: var(--text-color);
+ color: var(--pw-text-color);
}
.pw .fm-show-buttons:hover {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.uk-text-primary {
- color: var(--main-color);
+ color: var(--pw-main-color);
}
.pw .AdminThemeUikit .ui-button.ui-dialog-titlebar-close:hover,
.pw .AdminThemeUikit .ui-button.ui-dialog-titlebar-close.ui-state-hover {
- color: var(--text-color);
+ color: var(--pw-text-color);
background-color: transparent;
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js
index 798d09bf..ba4bddb6 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js
@@ -60,7 +60,7 @@ $(document).ready(function() {
"");
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.min.js b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.min.js
new file mode 100644
index 00000000..8b887134
--- /dev/null
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.min.js
@@ -0,0 +1 @@
+$(document).ready(function(){var colorClasses="main-color-red main-color-blue main-color-green main-color-custom";var styleClasses="light-theme dark-theme";var $body=$("body");function getCurrentStyleName(){if($body.hasClass("dark-theme"))return"dark";if($body.hasClass("light-theme"))return"light";var bgcolor=$("#pw-mastheads").css("background-color");bgcolor=bgcolor.replace(/[^0-9]/g,"").substring(0,3);$body.removeClass("auto-theme");var styleName=bgcolor==="000"?"dark":"light";$body.addClass(styleName+"-theme");return styleName}function getMainColor(){var $wrap=$("#wrap_defaultMainColor");var $f=$wrap.find("input:checked");if($f.val()==="custom"){if($("body").hasClass("dark-theme")){return $("#defaultMainColorCustomDark").val()}else{return $("#defaultMainColorCustom").val()}}return $f.closest("label").find(".defaultMainColorLabel").css("background-color")}function setMainColor(value){if(typeof value==="undefined")value=getMainColor();console.log("setMainColor",value);$("#main-color-custom").remove();$(".pw-logo-native").css("color",value);var styleName=getCurrentStyleName();setButtonColor(styleName==="dark"?value:"black");$("head").append("")}function updateToggles(){var $use2Colors=$("#defaultToggles_use2Colors");var hidden=!$("#defaultMainColor_custom").prop("checked");$use2Colors.parent("label").prop("hidden",hidden);if($("#defaultToggles_useTogcbx").prop("checked")){$("body").addClass("pw-togcbx")}else{$("body").removeClass("pw-togcbx")}}function setButtonColor(value){$(".ui-button").css("background-color",value)}$("#wrap_defaultStyleName").on("input","input",function(){var styleName=$(this).val();$body.removeClass(styleClasses).addClass(styleName+"-theme");var color=getMainColor();setMainColor(color);setButtonColor(styleName==="light"?"black":color)});$("#wrap_defaultMainColor").on("input","input",function(){var value="main-color-"+$(this).val();var color;if(value==="main-color-custom"){if($("#defaultToggles_use2Colors").prop("checked")){color=$("body").hasClass("dark-theme")?$("#defaultMainColorCustomDark").val():$("#defaultMainColorCustom").val()}else{color=$("#defaultMainColorCustom").val()}}else{color=$(this).closest("label").find(".defaultMainColorLabel").css("background")}$body.removeClass(colorClasses).addClass(value);setMainColor(color);updateToggles()});$("#defaultMainColorCustom, #defaultMainColorCustomDark").on("input",function(){var value=$(this).val();$body.removeClass(colorClasses).addClass("main-color-custom");if($(this).attr("id")==="defaultMainColorCustomDark"){if($("body").hasClass("dark-theme"))setMainColor(value)}else{if($("body").hasClass("light-theme")){setMainColor(value)}else if(!$("#defaultToggles_use2Colors").prop("checked")){setMainColor(value)}}});$(".ui-button").on("mouseover",function(){var color=getCurrentStyleName()==="dark"?"white":getMainColor();$(this).css("background-color",color)}).on("mouseout",function(){var color=getCurrentStyleName()==="dark"?getMainColor():"black";$(this).css("background-color",color)});$("#defaultToggles_use2Colors").on("change",function(){if($(this).prop("checked")){$("#defaultMainColorCustomDark").trigger("input")}else{$("#defaultMainColorCustom").trigger("input")}});$("#defaultToggles_useTogcbx").on("change",updateToggles);updateToggles()});
\ No newline at end of file
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php
index 4bbca13b..a68fe249 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.php
@@ -11,13 +11,12 @@ if($adminTheme->themeName === 'default') {
$adminTheme->wire()->config->scripts->add($adminTheme->url() . 'themes/default/config.js');
}
-$inputfields->label = __('Default theme settings');
-$inputfields->description = __('This default theme is created by Diogo Oliveira and Jan Ploch at [KONKAT Studio](https://konkat.studio/).');
+$inputfields->description = __('Created by Diogo Oliveira and Jan Ploch at [KONKAT Studio](https://konkat.studio/).');
$inputfields->icon = 'sliders';
$f = $inputfields->InputfieldRadios;
$f->attr('id+name', 'defaultStyleName');
-$f->label = __('Would you like to default to light or dark mode?');
+$f->label = __('Would you like a default of light or dark mode?');
$darkAttr = [];
$value = $adminTheme->get('defaultStyleName');
if(empty($value)) $value = 'auto';
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css
index 5b36f75c..3cc8da56 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.css
@@ -1,27 +1,27 @@
@import url("./admin-custom.css");
.mce-content-body {
- font-family: "Inter", system-ui, sans-serif;
- line-height: 1.5;
- margin: 1rem;
- font-size: 16px;
- color: var(--text-color, #333);
- /*background: var(--inputs-background, #f8f8f8);*/
- background: transparent;
+ font-family: "Inter", system-ui, sans-serif;
+ line-height: 1.5;
+ margin: 1rem;
+ font-size: 16px;
+ color: var(--pw-text-color, #333);
+ /*background: var(--pw-inputs-background, #f8f8f8);*/
+ background: transparent;
}
a {
- text-underline-offset: 0.125em;
+ text-underline-offset: 0.125em;
}
.mce-content-body small {
- font-size: 14px;
+ font-size: 14px;
}
.mce-content-body strong,
.mce-content-body strong em,
.mce-content-body em strong {
- font-weight: bold;
+ font-weight: bold;
}
.mce-content-body em {
- font-style: italic;
+ font-style: italic;
}
.mce-content-body h1,
.mce-content-body h2,
@@ -29,135 +29,135 @@ a {
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6 {
- color: var(--text-color, #222);
- font-weight: bold;
- line-height: 1.2em;
- text-transform: none;
- margin: 1rem 0;
+ color: var(--pw-text-color, #222);
+ font-weight: bold;
+ line-height: 1.2em;
+ text-transform: none;
+ margin: 1rem 0;
}
.mce-content-body h1 {
- font-size: 2rem;
+ font-size: 2rem;
}
.mce-content-body h2 {
- font-size: 1.7rem;
+ font-size: 1.7rem;
}
.mce-content-body h3 {
- font-size: 1.5rem;
+ font-size: 1.5rem;
}
.mce-content-body h4 {
- font-size: 1.3rem;
+ font-size: 1.3rem;
}
.mce-content-body h5 {
- font-size: 1.2rem;
+ font-size: 1.2rem;
}
.mce-content-body h6 {
- font-size: 1.1rem;
+ font-size: 1.1rem;
}
.mce-content-body hr {
- border-style: solid;
- border-width: 1px 0 0 0;
+ border-style: solid;
+ border-width: 1px 0 0 0;
}
.mce-content-body code {
- border-radius: 3px;
- padding: 0.1rem 0.2rem;
- /* background-color: var(--muted-color, #f5f2f0); */
- color: var(--text-color, #222);
- font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+ border-radius: 3px;
+ padding: 0.1rem 0.2rem;
+ /* background-color: var(--pw-muted-color, #f5f2f0); */
+ color: var(--pw-text-color, #222);
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}
.mce-content-body a {
- color: var(--main-color, #0782c1);
- text-decoration: underline;
+ color: var(--pw-main-color, #0782c1);
+ text-decoration: underline;
}
.mce-content-body table:not([cellpadding]) td,
.mce-content-body table:not([cellpadding]) th {
- padding: 0.4rem;
+ padding: 0.4rem;
}
.mce-content-body
- table[border]:not([border="0"]):not([style*="border-width"])
- td,
+table[border]:not([border="0"]):not([style*="border-width"])
+td,
.mce-content-body
- table[border]:not([border="0"]):not([style*="border-width"])
- th {
- border-width: 1px;
+table[border]:not([border="0"]):not([style*="border-width"])
+th {
+ border-width: 1px;
}
.mce-content-body
- table[border]:not([border="0"]):not([style*="border-style"])
- td,
+table[border]:not([border="0"]):not([style*="border-style"])
+td,
.mce-content-body
- table[border]:not([border="0"]):not([style*="border-style"])
- th {
- border-style: solid;
+table[border]:not([border="0"]):not([style*="border-style"])
+th {
+ border-style: solid;
}
.mce-content-body
- table[border]:not([border="0"]):not([style*="border-color"])
- td,
+table[border]:not([border="0"]):not([style*="border-color"])
+td,
.mce-content-body
- table[border]:not([border="0"]):not([style*="border-color"])
- th {
- border-color: var(--border-color, #ccc);
+table[border]:not([border="0"]):not([style*="border-color"])
+th {
+ border-color: var(--pw-border-color, #ccc);
}
.mce-content-body span[lang] {
- font-style: italic;
+ font-style: italic;
}
.mce-content-body table {
- border-collapse: collapse;
+ border-collapse: collapse;
}
.mce-content-body blockquote {
- color: var(--text-color, #333);
- border-color: var(--border-color, #ccc);
- font-style: italic;
- font-family: Georgia, Times, "Times New Roman", serif;
- margin: 0;
- padding: 0 1rem;
+ color: var(--pw-text-color, #333);
+ border-color: var(--pw-border-color, #ccc);
+ font-style: italic;
+ font-family: Georgia, Times, "Times New Roman", serif;
+ margin: 0;
+ padding: 0 1rem;
}
.mce-content-body:not([dir="rtl"]) blockquote {
- border-left: 1px solid;
- margin-left: 1.5rem;
- padding-left: 1rem;
+ border-left: 1px solid;
+ margin-left: 1.5rem;
+ padding-left: 1rem;
}
.mce-content-body[dir="rtl"] blockquote {
- border-right: 2px solid;
- margin-right: 1.5rem;
- padding-right: 1rem;
+ border-right: 2px solid;
+ margin-right: 1.5rem;
+ padding-right: 1rem;
}
.mce-content-body figure {
- display: table;
- margin-top: 1rem;
- margin-bottom: 1rem;
+ display: table;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
}
.mce-content-body figure:first-child {
- margin-top: 0;
+ margin-top: 0;
}
.mce-content-body figure figcaption {
- margin-top: 5px;
- display: table-caption;
- caption-side: bottom;
- line-height: 1.3em;
- font-size: 14px;
- color: #999;
- color: var(--muted-text, #999);
+ margin-top: 5px;
+ display: table-caption;
+ caption-side: bottom;
+ line-height: 1.3em;
+ font-size: 14px;
+ color: #999;
+ color: var(--pw-muted-text, #999);
}
.mce-content-body .align_right,
.mce-content-body .align-right,
.mce-content-body .right {
- text-align: right;
- float: none;
+ text-align: right;
+ float: none;
}
.mce-content-body .align_left,
.mce-content-body .align-left,
.mce-content-body .left {
- text-align: left;
- float: none;
+ text-align: left;
+ float: none;
}
.mce-content-body .align_center,
.mce-content-body .align-center,
.mce-content-body .center {
- text-align: center;
+ text-align: center;
}
.mce-content-body .align_full,
.mce-content-body .align-full,
.mce-content-body .full {
- text-align: justify;
+ text-align: justify;
}
.mce-content-body img.align_right,
.mce-content-body img.align-right,
@@ -168,11 +168,11 @@ a {
.mce-content-body table.align_right,
.mce-content-body table.align-right,
.mce-content-body table.right {
- text-align: initial;
- float: right;
- margin-left: 1rem;
- margin-right: 0;
- margin-top: 0;
+ text-align: initial;
+ float: right;
+ margin-left: 1rem;
+ margin-right: 0;
+ margin-top: 0;
}
.mce-content-body img.align_left,
.mce-content-body img.align-left,
@@ -183,11 +183,11 @@ a {
.mce-content-body table.align_left,
.mce-content-body table.align-left,
.mce-content-body table.left {
- text-align: initial;
- float: left;
- margin-top: 0;
- margin-left: 0;
- margin-right: 1rem;
+ text-align: initial;
+ float: left;
+ margin-top: 0;
+ margin-left: 0;
+ margin-right: 1rem;
}
.mce-content-body img.align_center,
.mce-content-body img.align-center,
@@ -198,10 +198,10 @@ a {
.mce-content-body table.align_center,
.mce-content-body table.align-center,
.mce-content-body table.center {
- text-align: initial;
- display: block;
- margin-left: auto;
- margin-right: auto;
+ text-align: initial;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
}
.mce-content-body img.align_full,
.mce-content-body img.align-full,
@@ -212,54 +212,54 @@ a {
.mce-content-body table.align_full,
.mce-content-body table.align-full,
.mce-content-body table.full {
- text-align: initial;
- width: 100%;
+ text-align: initial;
+ width: 100%;
}
.mce-content-body img {
- max-width: 100%;
+ max-width: 100%;
}
.mce-content-body img.align_center,
.mce-content-body img.align-center,
.mce-content-body img.center {
- display: block;
+ display: block;
}
.mce-content-body img:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
+ opacity: 0.9;
+ filter: alpha(opacity=90);
}
a > .mce-content-body img {
- padding: 1px;
- margin: 1px;
- border: none;
- outline: 1px solid var(--main-color, #0782c1);
+ padding: 1px;
+ margin: 1px;
+ border: none;
+ outline: 1px solid var(--pw-main-color, #0782c1);
}
.mce-content-body pre {
- /*border: 1px dashed var(--border-color, #ccc);*/
- /*padding: 0.5rem 1rem !important;*/
- border: 0;
- white-space: pre-wrap;
- word-wrap: break-word;
- -moz-tab-size: 4;
- -o-tab-size: 4;
- -webkit-tab-size: 4;
- tab-size: 4;
- font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
- font-size: 15px;
- color: light-dark(#333, #fff);
- background: light-dark(#eee, #333);
- font-size: 0.9375rem;
- margin: 0.5em 0;
- padding: 0.5rem 1rem;
- border-radius: 4px;
+ /*border: 1px dashed var(--pw-border-color, #ccc);*/
+ /*padding: 0.5rem 1rem !important;*/
+ border: 0;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ -webkit-tab-size: 4;
+ tab-size: 4;
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+ font-size: 15px;
+ color: light-dark(#333, #fff);
+ background: light-dark(#eee, #333);
+ font-size: 0.9375rem;
+ margin: 0.5em 0;
+ padding: 0.5rem 1rem;
+ border-radius: 4px;
}
.mce-content-body code {
- font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
- font-size: 15px;
- color: light-dark(#333, #fff);
- background-color: light-dark(#eee, #333);
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+ font-size: 15px;
+ color: light-dark(#333, #fff);
+ background-color: light-dark(#eee, #333);
}
.mce-content-body pre code {
- background-color: initial;
+ background-color: initial;
}
/*
@@ -269,6 +269,6 @@ a > .mce-content-body img {
background: #f5f2f0;
margin: 0.5em 0;
padding: 0.5rem 1rem;
- color: var(--muted-color, #777);
+ color: var(--pw-muted-color, #777);
}
*/
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css
index f42c1437..908b6998 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/content.min.css
@@ -1 +1 @@
-.mce-content-body{font-family:Inter,system-ui,sans-serif;line-height:1.5;margin:1rem;font-size:16px;color:var(--text-color,#333);background:var(--inputs-background,#f8f8f8)}a{text-underline-offset:.125em}.mce-content-body small{font-size:14px}.mce-content-body em strong,.mce-content-body strong,.mce-content-body strong em{font-weight:700}.mce-content-body em{font-style:italic}.mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5,.mce-content-body h6{color:var(--text-color,#222);font-weight:700;line-height:1.2em;text-transform:none;margin:1rem 0}.mce-content-body h1{font-size:2rem}.mce-content-body h2{font-size:1.7rem}.mce-content-body h3{font-size:1.5rem}.mce-content-body h4{font-size:1.3rem}.mce-content-body h5{font-size:1.2rem}.mce-content-body h6{font-size:1.1rem}.mce-content-body hr{border-style:solid;border-width:1px 0 0 0}.mce-content-body code{border-radius:3px;padding:.1rem .2rem;background-color:var(--muted-color,#f5f2f0);color:var(--text-color,#222);font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.mce-content-body a{color:var(--main-color,#0782c1);text-decoration:underline}.mce-content-body table:not([cellpadding]) td,.mce-content-body table:not([cellpadding]) th{padding:.4rem}.mce-content-body table[border]:not([border="0"]):not([style*=border-width]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}.mce-content-body table[border]:not([border="0"]):not([style*=border-style]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) th{border-color:var(--border-color,#ccc)}.mce-content-body span[lang]{font-style:italic}.mce-content-body table{border-collapse:collapse}.mce-content-body blockquote{color:var(--text-color,#333);border-color:var(--border-color,#ccc);font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;margin:0;padding:0 1rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:1px solid;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid;margin-right:1.5rem;padding-right:1rem}.mce-content-body figure{display:table;margin-top:1rem;margin-bottom:1rem}.mce-content-body figure:first-child{margin-top:0}.mce-content-body figure figcaption{margin-top:5px;display:table-caption;caption-side:bottom;line-height:1.3em;font-size:14px;color:#999;color:var(--muted-text,#999)}.mce-content-body .align-right,.mce-content-body .align_right,.mce-content-body .right{text-align:right;float:none}.mce-content-body .align-left,.mce-content-body .align_left,.mce-content-body .left{text-align:left;float:none}.mce-content-body .align-center,.mce-content-body .align_center,.mce-content-body .center{text-align:center}.mce-content-body .align-full,.mce-content-body .align_full,.mce-content-body .full{text-align:justify}.mce-content-body figure.align-right,.mce-content-body figure.align_right,.mce-content-body figure.right,.mce-content-body img.align-right,.mce-content-body img.align_right,.mce-content-body img.right,.mce-content-body table.align-right,.mce-content-body table.align_right,.mce-content-body table.right{text-align:initial;float:right;margin-left:1rem;margin-right:0;margin-top:0}.mce-content-body figure.align-left,.mce-content-body figure.align_left,.mce-content-body figure.left,.mce-content-body img.align-left,.mce-content-body img.align_left,.mce-content-body img.left,.mce-content-body table.align-left,.mce-content-body table.align_left,.mce-content-body table.left{text-align:initial;float:left;margin-top:0;margin-left:0;margin-right:1rem}.mce-content-body figure.align-center,.mce-content-body figure.align_center,.mce-content-body figure.center,.mce-content-body img.align-center,.mce-content-body img.align_center,.mce-content-body img.center,.mce-content-body table.align-center,.mce-content-body table.align_center,.mce-content-body table.center{text-align:initial;display:block;margin-left:auto;margin-right:auto}.mce-content-body figure.align-full,.mce-content-body figure.align_full,.mce-content-body figure.full,.mce-content-body img.align-full,.mce-content-body img.align_full,.mce-content-body img.full,.mce-content-body table.align-full,.mce-content-body table.align_full,.mce-content-body table.full{text-align:initial;width:100%}.mce-content-body img{max-width:100%}.mce-content-body img.align-center,.mce-content-body img.align_center,.mce-content-body img.center{display:block}.mce-content-body img:hover{opacity:.9}a>.mce-content-body img{padding:1px;margin:1px;border:none;outline:1px solid var(--main-color,#0782c1)}.mce-content-body pre{color:#333;border:1px dashed var(--border-color,#ccc);padding:.5rem 1rem!important;white-space:pre-wrap;word-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;-webkit-tab-size:4;tab-size:4}.mce-content-body pre code{background-color:initial}.mce-content-body pre[class*=language-]{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:.9375rem;background:#f5f2f0;margin:.5em 0;padding:.5rem 1rem;color:var(--muted-color,#777)}
\ No newline at end of file
+.mce-content-body{font-family:Inter,system-ui,sans-serif;line-height:1.5;margin:1rem;font-size:16px;color:var(--pw-text-color,#333);background:var(--pw-inputs-background,#f8f8f8)}a{text-underline-offset:.125em}.mce-content-body small{font-size:14px}.mce-content-body em strong,.mce-content-body strong,.mce-content-body strong em{font-weight:700}.mce-content-body em{font-style:italic}.mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5,.mce-content-body h6{color:var(--pw-text-color,#222);font-weight:700;line-height:1.2em;text-transform:none;margin:1rem 0}.mce-content-body h1{font-size:2rem}.mce-content-body h2{font-size:1.7rem}.mce-content-body h3{font-size:1.5rem}.mce-content-body h4{font-size:1.3rem}.mce-content-body h5{font-size:1.2rem}.mce-content-body h6{font-size:1.1rem}.mce-content-body hr{border-style:solid;border-width:1px 0 0 0}.mce-content-body code{border-radius:3px;padding:.1rem .2rem;background-color:var(--pw-muted-color,#f5f2f0);color:var(--pw-text-color,#222);font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.mce-content-body a{color:var(--pw-main-color,#0782c1);text-decoration:underline}.mce-content-body table:not([cellpadding]) td,.mce-content-body table:not([cellpadding]) th{padding:.4rem}.mce-content-body table[border]:not([border="0"]):not([style*=border-width]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}.mce-content-body table[border]:not([border="0"]):not([style*=border-style]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) td,.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) th{border-color:var(--pw-border-color,#ccc)}.mce-content-body span[lang]{font-style:italic}.mce-content-body table{border-collapse:collapse}.mce-content-body blockquote{color:var(--pw-text-color,#333);border-color:var(--pw-border-color,#ccc);font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;margin:0;padding:0 1rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:1px solid;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid;margin-right:1.5rem;padding-right:1rem}.mce-content-body figure{display:table;margin-top:1rem;margin-bottom:1rem}.mce-content-body figure:first-child{margin-top:0}.mce-content-body figure figcaption{margin-top:5px;display:table-caption;caption-side:bottom;line-height:1.3em;font-size:14px;color:#999;color:var(--pw-muted-text,#999)}.mce-content-body .align-right,.mce-content-body .align_right,.mce-content-body .right{text-align:right;float:none}.mce-content-body .align-left,.mce-content-body .align_left,.mce-content-body .left{text-align:left;float:none}.mce-content-body .align-center,.mce-content-body .align_center,.mce-content-body .center{text-align:center}.mce-content-body .align-full,.mce-content-body .align_full,.mce-content-body .full{text-align:justify}.mce-content-body figure.align-right,.mce-content-body figure.align_right,.mce-content-body figure.right,.mce-content-body img.align-right,.mce-content-body img.align_right,.mce-content-body img.right,.mce-content-body table.align-right,.mce-content-body table.align_right,.mce-content-body table.right{text-align:initial;float:right;margin-left:1rem;margin-right:0;margin-top:0}.mce-content-body figure.align-left,.mce-content-body figure.align_left,.mce-content-body figure.left,.mce-content-body img.align-left,.mce-content-body img.align_left,.mce-content-body img.left,.mce-content-body table.align-left,.mce-content-body table.align_left,.mce-content-body table.left{text-align:initial;float:left;margin-top:0;margin-left:0;margin-right:1rem}.mce-content-body figure.align-center,.mce-content-body figure.align_center,.mce-content-body figure.center,.mce-content-body img.align-center,.mce-content-body img.align_center,.mce-content-body img.center,.mce-content-body table.align-center,.mce-content-body table.align_center,.mce-content-body table.center{text-align:initial;display:block;margin-left:auto;margin-right:auto}.mce-content-body figure.align-full,.mce-content-body figure.align_full,.mce-content-body figure.full,.mce-content-body img.align-full,.mce-content-body img.align_full,.mce-content-body img.full,.mce-content-body table.align-full,.mce-content-body table.align_full,.mce-content-body table.full{text-align:initial;width:100%}.mce-content-body img{max-width:100%}.mce-content-body img.align-center,.mce-content-body img.align_center,.mce-content-body img.center{display:block}.mce-content-body img:hover{opacity:.9}a>.mce-content-body img{padding:1px;margin:1px;border:none;outline:1px solid var(--pw-main-color,#0782c1)}.mce-content-body pre{color:#333;border:1px dashed var(--pw-border-color,#ccc);padding:.5rem 1rem!important;white-space:pre-wrap;word-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;-webkit-tab-size:4;tab-size:4}.mce-content-body pre code{background-color:initial}.mce-content-body pre[class*=language-]{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:.9375rem;background:#f5f2f0;margin:.5em 0;padding:.5rem 1rem;color:var(--pw-muted-color,#777)}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css
index ce865752..d0acf43a 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/borderless.css
@@ -3,6 +3,6 @@
/* ------------------------------------------------------------------ */
:root {
- --border-color: var(--main-background);
- --inputs-background: var(--blocks-background);
+ --pw-border-color: var(--pw-main-background);
+ --pw-inputs-background: var(--pw-blocks-background);
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css
index 901dc4a1..f8c5bd1d 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/masthead.css
@@ -4,13 +4,13 @@
/* ----------------------------------------------------------------- */
:root {
- --masthead-background: var(--main-color);
- --masthead-active-color: white;
- --masthead-text-color: rgba(255,255,255,0.8);
- --masthead-border-color: var(--main-background);
- --masthead-logo-color: white;
- --masthead-input-background: var(--masthead-background);
- --masthead-input-color: var(--masthead-active-color);
- --masthead-input-border: var(--masthead-text-color);
- --masthead-menu-item-backgroud-hover: rgba(255,255,255,.2);
+ --pw-masthead-background: var(--pw-main-color);
+ --pw-masthead-active-color: white;
+ --pw-masthead-text-color: rgba(255,255,255,0.8);
+ --pw-masthead-border-color: var(--pw-main-background);
+ --pw-masthead-logo-color: white;
+ --pw-masthead-input-background: var(--pw-masthead-background);
+ --pw-masthead-input-color: var(--pw-masthead-active-color);
+ --pw-masthead-input-border: var(--pw-masthead-text-color);
+ --pw-masthead-menu-item-backgroud-hover: rgba(255,255,255,.2);
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css
index 34f6290a..ca5eccfa 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/examples/minimal.css
@@ -3,35 +3,35 @@
/* ------------------------------------------------------------------ */
:root {
- --text-color: light-dark(blue, white);
- --main-color: var(--text-color);
- --main-background:light-dark(white, #222);
- --border-color: light-dark(var(--text-color), var(--text-color));
- --text-background: var(--main-background);
- --inputs-background: var(--text-background);
- --blocks-background: var(--text-background);
- --muted-color: light-dark(#7c8efd, #8b8b8b);
+ --pw-text-color: light-dark(blue, white);
+ --pw-main-color: var(--pw-text-color);
+ --pw-main-background:light-dark(white, #222);
+ --pw-border-color: light-dark(var(--pw-text-color), var(--pw-text-color));
+ --pw-text-background: var(--pw-main-background);
+ --pw-inputs-background: var(--pw-text-background);
+ --pw-blocks-background: var(--pw-text-background);
+ --pw-muted-color: light-dark(#7c8efd, #8b8b8b);
- --button-background: var(--text-background);
- --button-color: light-dark(var(--text-color), var(--text-color));
- --button-muted-color: var(--muted-color);
- --button-border: var(--button-color);
- --button-muted-background: var(--button-background);
- --button-muted-border: var(--button-muted-color);
- --button-hover-background: var(--button-color);
- --button-hover-color: var(--button-background);
- --button-hover-border: var(--button-color);
+ --pw-button-background: var(--pw-text-background);
+ --pw-button-color: light-dark(var(--pw-text-color), var(--pw-text-color));
+ --pw-button-muted-color: var(--pw-muted-color);
+ --pw-button-border: var(--pw-button-color);
+ --pw-button-muted-background: var(--pw-button-background);
+ --pw-button-muted-border: var(--pw-button-muted-color);
+ --pw-button-hover-background: var(--pw-button-color);
+ --pw-button-hover-color: var(--pw-button-background);
+ --pw-button-hover-border: var(--pw-button-color);
- --masthead-background: var(--text-background);
- --masthead-active-color: light-dark(var(--text-color), var(--text-color));
- --masthead-text-color: var(--masthead-active-color);
- --masthead-border-color: var(--masthead-active-color);
- --masthead-logo-color: var(--masthead-active-color);
+ --pw-masthead-background: var(--pw-text-background);
+ --pw-masthead-active-color: light-dark(var(--pw-text-color), var(--pw-text-color));
+ --pw-masthead-text-color: var(--pw-masthead-active-color);
+ --pw-masthead-border-color: var(--pw-masthead-active-color);
+ --pw-masthead-logo-color: var(--pw-masthead-active-color);
- --alert-text-color: var(--text-color);
- --alert-primary: light-dark(#ffd, var(--text-background));
- --alert-warning: light-dark(#fcda6d, #d57f00);
- --alert-success: light-dark(#97ecb2, #139472);
- --alert-danger: light-dark(#ec9797, #8a1919);
- --notes-background: light-dark(#ffd, #bdbdbd33);
+ --pw-alert-text-color: var(--pw-text-color);
+ --pw-alert-primary: light-dark(#ffd, var(--pw-text-background));
+ --pw-alert-warning: light-dark(#fcda6d, #d57f00);
+ --pw-alert-success: light-dark(#97ecb2, #139472);
+ --pw-alert-danger: light-dark(#ec9797, #8a1919);
+ --pw-notes-background: light-dark(#ffd, #bdbdbd33);
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/info.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/info.php
new file mode 100644
index 00000000..83a26439
--- /dev/null
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/info.php
@@ -0,0 +1,6 @@
+ 'Konkat default',
+ 'author' => 'Konkat Studio',
+];
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php
index 0fcff791..aa4322c0 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/ready.php
@@ -59,9 +59,9 @@ if(strpos($mainColorCode, '#') === 0 && ctype_alnum(ltrim($mainColorCode, '#')))
$mainDarkCode = $mainColors['customDark'];
$use2Colors = $mainColor === 'custom' && in_array('use2Colors', $adminTheme->defaultToggles);
if($use2Colors && strpos($mainDarkCode, '#') === 0 && ctype_alnum(ltrim($mainDarkCode, '#'))) {
- $css = "--main-color: light-dark($mainColorCode, $mainDarkCode);";
+ $css = "--pw-main-color: light-dark($mainColorCode, $mainDarkCode);";
} else {
- $css = "--main-color: $mainColorCode";
+ $css = "--pw-main-color: $mainColorCode";
}
$adminTheme->addExtraMarkup('head',
""
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css
index d224a29e..677e9eb8 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/skin.min.css
@@ -1,2527 +1,2527 @@
.tox {
- box-shadow: none;
- box-sizing: content-box;
- color: var(--text-color, #222f3e);
- cursor: auto;
- font-family: "Inter", system-ui, sans-serif;
- font-size: 16px;
- font-style: normal;
- font-weight: 400;
- line-height: normal;
- -webkit-tap-highlight-color: transparent;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- vertical-align: initial;
- white-space: normal;
+ box-shadow: none;
+ box-sizing: content-box;
+ color: var(--pw-text-color, #222f3e);
+ cursor: auto;
+ font-family: "Inter", system-ui, sans-serif;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: normal;
+ -webkit-tap-highlight-color: transparent;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ vertical-align: initial;
+ white-space: normal;
}
.tox :not(svg):not(rect) {
- box-sizing: inherit;
- color: inherit;
- cursor: inherit;
- direction: inherit;
- font-family: inherit;
- font-size: inherit;
- font-style: inherit;
- font-weight: inherit;
- line-height: inherit;
- -webkit-tap-highlight-color: inherit;
- text-align: inherit;
- text-decoration: inherit;
- text-shadow: inherit;
- text-transform: inherit;
- vertical-align: inherit;
- white-space: inherit;
+ box-sizing: inherit;
+ color: inherit;
+ cursor: inherit;
+ direction: inherit;
+ font-family: inherit;
+ font-size: inherit;
+ font-style: inherit;
+ font-weight: inherit;
+ line-height: inherit;
+ -webkit-tap-highlight-color: inherit;
+ text-align: inherit;
+ text-decoration: inherit;
+ text-shadow: inherit;
+ text-transform: inherit;
+ vertical-align: inherit;
+ white-space: inherit;
}
.tox :not(svg):not(rect) {
- background: 0 0;
- border: 0;
- box-shadow: none;
- float: none;
- height: auto;
- margin: 0;
- max-width: none;
- outline: 0;
- padding: 0;
- position: static;
- width: auto;
+ background: 0 0;
+ border: 0;
+ box-shadow: none;
+ float: none;
+ height: auto;
+ margin: 0;
+ max-width: none;
+ outline: 0;
+ padding: 0;
+ position: static;
+ width: auto;
}
.tox:not([dir="rtl"]) {
- direction: ltr;
- text-align: left;
+ direction: ltr;
+ text-align: left;
}
.tox[dir="rtl"] {
- direction: rtl;
- text-align: right;
+ direction: rtl;
+ text-align: right;
}
.tox-tinymce {
- border: 1px solid var(--border-color, #ccc);
- border-radius: 0;
- box-shadow: none;
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- font-family: "Inter", system-ui, sans-serif;
- overflow: hidden;
- position: relative;
- visibility: inherit !important;
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 0;
+ box-shadow: none;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ font-family: "Inter", system-ui, sans-serif;
+ overflow: hidden;
+ position: relative;
+ visibility: inherit !important;
}
.tox.tox-tinymce-inline {
- border: none;
- box-shadow: none;
- overflow: initial;
+ border: none;
+ box-shadow: none;
+ overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-container {
- overflow: initial;
+ overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-header {
- background-color: var(--blocks-background, #fff);
- border: 1px solid var(--border-color, #ccc);
- border-radius: 0;
- box-shadow: none;
- overflow: hidden;
+ background-color: var(--pw-blocks-background, #fff);
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 0;
+ box-shadow: none;
+ overflow: hidden;
}
.tox-tinymce-aux {
- font-family: "Inter", system-ui, sans-serif;
- z-index: 1300;
+ font-family: "Inter", system-ui, sans-serif;
+ z-index: 1300;
}
.tox-tinymce :focus,
.tox-tinymce-aux :focus {
- outline: 0;
+ outline: 0;
}
button::-moz-focus-inner {
- border: 0;
+ border: 0;
}
.tox[dir="rtl"] .tox-icon--flip svg {
- transform: rotateY(180deg);
+ transform: rotateY(180deg);
}
.tox .accessibility-issue__header {
- align-items: center;
- display: flex;
- margin-bottom: 4px;
+ align-items: center;
+ display: flex;
+ margin-bottom: 4px;
}
.tox .accessibility-issue__description {
- align-items: stretch;
- border-radius: 3px;
- display: flex;
- justify-content: space-between;
+ align-items: stretch;
+ border-radius: 3px;
+ display: flex;
+ justify-content: space-between;
}
.tox .accessibility-issue__description > div {
- padding-bottom: 4px;
+ padding-bottom: 4px;
}
.tox .accessibility-issue__description > div > div {
- align-items: center;
- display: flex;
- margin-bottom: 4px;
+ align-items: center;
+ display: flex;
+ margin-bottom: 4px;
}
.tox .accessibility-issue__description > div > div .tox-icon svg {
- display: block;
+ display: block;
}
.tox .accessibility-issue__repair {
- margin-top: 16px;
+ margin-top: 16px;
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--info
- .accessibility-issue__description {
- background-color: rgba(30, 113, 170, 0.1);
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--info
+.accessibility-issue__description {
+ background-color: rgba(30, 113, 170, 0.1);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
- color: #207ab7;
+ color: #207ab7;
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
- fill: #207ab7;
+ fill: #207ab7;
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--info
- a.tox-button--naked.tox-button--icon {
- background-color: var(--main-color, #207ab7);
- color: var(--blocks-background, #fff);
+.tox-dialog__body-content
+.accessibility-issue--info
+a.tox-button--naked.tox-button--icon {
+ background-color: var(--pw-main-color, #207ab7);
+ color: var(--pw-blocks-background, #fff);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--info
- a.tox-button--naked.tox-button--icon:focus,
+.tox-dialog__body-content
+.accessibility-issue--info
+a.tox-button--naked.tox-button--icon:focus,
.tox
- .tox-dialog__body-content
- .accessibility-issue--info
- a.tox-button--naked.tox-button--icon:hover {
- background-color: var(--main-color, #1c6ca1);
+.tox-dialog__body-content
+.accessibility-issue--info
+a.tox-button--naked.tox-button--icon:hover {
+ background-color: var(--pw-main-color, #1c6ca1);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--info
- a.tox-button--naked.tox-button--icon:active {
- background-color: var(--main-color, #185d8c);
+.tox-dialog__body-content
+.accessibility-issue--info
+a.tox-button--naked.tox-button--icon:active {
+ background-color: var(--pw-main-color, #185d8c);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--warn
- .accessibility-issue__description {
- background-color: rgba(255, 165, 0, 0.08);
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--warn
+.accessibility-issue__description {
+ background-color: rgba(255, 165, 0, 0.08);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
- color: #8f5d00;
+ color: #8f5d00;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
- fill: #8f5d00;
+ fill: #8f5d00;
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--warn
- a.tox-button--naked.tox-button--icon {
- background-color: #ffe89d;
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--warn
+a.tox-button--naked.tox-button--icon {
+ background-color: #ffe89d;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--warn
- a.tox-button--naked.tox-button--icon:focus,
+.tox-dialog__body-content
+.accessibility-issue--warn
+a.tox-button--naked.tox-button--icon:focus,
.tox
- .tox-dialog__body-content
- .accessibility-issue--warn
- a.tox-button--naked.tox-button--icon:hover {
- background-color: #f2d574;
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--warn
+a.tox-button--naked.tox-button--icon:hover {
+ background-color: #f2d574;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--warn
- a.tox-button--naked.tox-button--icon:active {
- background-color: #e8c657;
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--warn
+a.tox-button--naked.tox-button--icon:active {
+ background-color: #e8c657;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--error
- .accessibility-issue__description {
- background-color: rgba(204, 0, 0, 0.1);
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--error
+.accessibility-issue__description {
+ background-color: rgba(204, 0, 0, 0.1);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
- color: #c00;
+ color: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
- fill: #c00;
+ fill: #c00;
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--error
- a.tox-button--naked.tox-button--icon {
- background-color: #f2bfbf;
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--error
+a.tox-button--naked.tox-button--icon {
+ background-color: #f2bfbf;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--error
- a.tox-button--naked.tox-button--icon:focus,
+.tox-dialog__body-content
+.accessibility-issue--error
+a.tox-button--naked.tox-button--icon:focus,
.tox
- .tox-dialog__body-content
- .accessibility-issue--error
- a.tox-button--naked.tox-button--icon:hover {
- background-color: #e9a4a4;
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--error
+a.tox-button--naked.tox-button--icon:hover {
+ background-color: #e9a4a4;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--error
- a.tox-button--naked.tox-button--icon:active {
- background-color: #ee9494;
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--error
+a.tox-button--naked.tox-button--icon:active {
+ background-color: #ee9494;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--success
- .accessibility-issue__description {
- background-color: rgba(120, 171, 70, 0.1);
- color: var(--text-color, #222f3e);
+.tox-dialog__body-content
+.accessibility-issue--success
+.accessibility-issue__description {
+ background-color: rgba(120, 171, 70, 0.1);
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--success
- .accessibility-issue__description
- > :last-child {
- display: none;
+.tox-dialog__body-content
+.accessibility-issue--success
+.accessibility-issue__description
+> :last-child {
+ display: none;
}
.tox
- .tox-dialog__body-content
- .accessibility-issue--success
- .tox-form__group
- h2 {
- color: #527530;
+.tox-dialog__body-content
+.accessibility-issue--success
+.tox-form__group
+h2 {
+ color: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
- fill: #527530;
+ fill: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
.tox
- .tox-dialog__body-content
- .tox-form__group
- .accessibility-issue__description
- h2 {
- font-size: 14px;
- margin-top: 0;
+.tox-dialog__body-content
+.tox-form__group
+.accessibility-issue__description
+h2 {
+ font-size: 14px;
+ margin-top: 0;
}
.tox:not([dir="rtl"])
- .tox-dialog__body-content
- .accessibility-issue__header
- .tox-button {
- margin-left: 4px;
+.tox-dialog__body-content
+.accessibility-issue__header
+.tox-button {
+ margin-left: 4px;
}
.tox:not([dir="rtl"])
- .tox-dialog__body-content
- .accessibility-issue__header
- > :nth-last-child(2) {
- margin-left: auto;
+.tox-dialog__body-content
+.accessibility-issue__header
+> :nth-last-child(2) {
+ margin-left: auto;
}
.tox:not([dir="rtl"])
- .tox-dialog__body-content
- .accessibility-issue__description {
- padding: 4px 4px 4px 8px;
+.tox-dialog__body-content
+.accessibility-issue__description {
+ padding: 4px 4px 4px 8px;
}
.tox[dir="rtl"]
- .tox-dialog__body-content
- .accessibility-issue__header
- .tox-button {
- margin-right: 4px;
+.tox-dialog__body-content
+.accessibility-issue__header
+.tox-button {
+ margin-right: 4px;
}
.tox[dir="rtl"]
- .tox-dialog__body-content
- .accessibility-issue__header
- > :nth-last-child(2) {
- margin-right: auto;
+.tox-dialog__body-content
+.accessibility-issue__header
+> :nth-last-child(2) {
+ margin-right: auto;
}
.tox[dir="rtl"] .tox-dialog__body-content .accessibility-issue__description {
- padding: 4px 8px 4px 4px;
+ padding: 4px 8px 4px 4px;
}
.tox .tox-advtemplate .tox-form__grid {
- flex: 1;
+ flex: 1;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child {
- display: flex;
- flex-direction: column;
- width: 30%;
+ display: flex;
+ flex-direction: column;
+ width: 30%;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
- flex-basis: 0;
- flex-grow: 1;
- overflow: auto;
+ flex-basis: 0;
+ flex-grow: 1;
+ overflow: auto;
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop)
- .tox
- .tox-advtemplate
- .tox-form__grid
- > div:first-child {
- width: 100%;
- }
+ body:not(.tox-force-desktop)
+ .tox
+ .tox-advtemplate
+ .tox-form__grid
+ > div:first-child {
+ width: 100%;
+ }
}
.tox .tox-advtemplate iframe {
- border-color: var(--border-color, #ccc);
- border-radius: 0;
- border-style: solid;
- border-width: 1px;
- margin: 0 10px;
+ border-color: var(--pw-border-color, #ccc);
+ border-radius: 0;
+ border-style: solid;
+ border-width: 1px;
+ margin: 0 10px;
}
.tox .tox-anchorbar {
- display: flex;
- flex: 0 0 auto;
+ display: flex;
+ flex: 0 0 auto;
}
.tox .tox-bottom-anchorbar {
- display: flex;
- flex: 0 0 auto;
+ display: flex;
+ flex: 0 0 auto;
}
.tox .tox-bar {
- display: flex;
- flex: 0 0 auto;
+ display: flex;
+ flex: 0 0 auto;
}
.tox .tox-button {
- background-color: #207ab7;
- background-image: none;
- background-position: 0 0;
- background-repeat: repeat;
- border-color: #207ab7;
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: none;
- box-sizing: border-box;
- color: var(--blocks-background, #fff);
- cursor: pointer;
- display: inline-block;
- font-family: "Inter", system-ui, sans-serif;
- font-size: 14px;
- font-style: normal;
- font-weight: 700;
- letter-spacing: normal;
- line-height: 24px;
- margin: 0;
- outline: 0;
- padding: 4px 16px;
- position: relative;
- text-align: center;
- text-decoration: none;
- text-transform: none;
- white-space: nowrap;
+ background-color: #207ab7;
+ background-image: none;
+ background-position: 0 0;
+ background-repeat: repeat;
+ border-color: #207ab7;
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: none;
+ box-sizing: border-box;
+ color: var(--pw-blocks-background, #fff);
+ cursor: pointer;
+ display: inline-block;
+ font-family: "Inter", system-ui, sans-serif;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 700;
+ letter-spacing: normal;
+ line-height: 24px;
+ margin: 0;
+ outline: 0;
+ padding: 4px 16px;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ text-transform: none;
+ white-space: nowrap;
}
.tox .tox-button::before {
- border-radius: 3px;
- bottom: -1px;
- box-shadow: inset 0 0 0 2px var(--blocks-background, #fff),
- 0 0 0 1px var(--main-color, #207ab7),
- 0 0 0 3px var(--muted-color, rgba(32, 122, 183, 0.25));
- content: "";
- left: -1px;
- opacity: 0;
- pointer-events: none;
- position: absolute;
- right: -1px;
- top: -1px;
+ border-radius: 3px;
+ bottom: -1px;
+ box-shadow: inset 0 0 0 2px var(--pw-blocks-background, #fff),
+ 0 0 0 1px var(--pw-main-color, #207ab7),
+ 0 0 0 3px var(--pw-muted-color, rgba(32, 122, 183, 0.25));
+ content: "";
+ left: -1px;
+ opacity: 0;
+ pointer-events: none;
+ position: absolute;
+ right: -1px;
+ top: -1px;
}
.tox .tox-button[disabled] {
- background-color: var(--main-color, #207ab7);
- background-image: none;
- border-color: var(--main-color, #207ab7);
- box-shadow: none;
- color: rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
+ background-color: var(--pw-main-color, #207ab7);
+ background-image: none;
+ border-color: var(--pw-main-color, #207ab7);
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.5);
+ cursor: not-allowed;
}
.tox .tox-button:focus:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-blocks-background);
}
.tox .tox-button:focus-visible:not(:disabled)::before {
- opacity: 1;
+ opacity: 1;
}
.tox .tox-button:hover:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-blocks-background);
}
.tox .tox-button:active:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-blocks-background);
}
.tox .tox-button.tox-button--enabled {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-blocks-background);
}
.tox .tox-button.tox-button--enabled[disabled] {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.5);
+ cursor: not-allowed;
}
.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-blocks-background);
}
.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-blocks-background);
}
.tox .tox-button.tox-button--enabled:active:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--blocks-background);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-blocks-background);
}
.tox .tox-button--icon-and-text,
.tox .tox-button.tox-button--icon-and-text,
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
- display: flex;
- padding: 5px 4px;
+ display: flex;
+ padding: 5px 4px;
}
.tox .tox-button--icon-and-text .tox-icon svg,
.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
- display: block;
- fill: currentColor;
+ display: block;
+ fill: currentColor;
}
.tox .tox-button--secondary {
- background-color: var(--inputs-background);
- background-image: none;
- background-position: 0 0;
- background-repeat: repeat;
- border-color: var(--inputs-background);
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: none;
- color: var(--text-color, #222f3e);
- font-size: 14px;
- font-style: normal;
- font-weight: 700;
- letter-spacing: normal;
- outline: 0;
- padding: 4px 16px;
- text-decoration: none;
- text-transform: none;
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ background-position: 0 0;
+ background-repeat: repeat;
+ border-color: var(--pw-inputs-background);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 700;
+ letter-spacing: normal;
+ outline: 0;
+ padding: 4px 16px;
+ text-decoration: none;
+ text-transform: none;
}
.tox .tox-button--secondary[disabled] {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-button--secondary:focus:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--secondary:hover:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--secondary:active:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--secondary.tox-button--enabled {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--secondary.tox-button--enabled[disabled] {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
- background-color: var(--inputs-background);
- background-image: none;
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ background-image: none;
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--icon,
.tox .tox-button.tox-button--icon,
.tox .tox-button.tox-button--secondary.tox-button--icon {
- padding: 4px;
+ padding: 4px;
}
.tox .tox-button--icon .tox-icon svg,
.tox .tox-button.tox-button--icon .tox-icon svg,
.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
- display: block;
- fill: currentColor;
+ display: block;
+ fill: currentColor;
}
.tox .tox-button-link {
- background: 0;
- border: none;
- box-sizing: border-box;
- cursor: pointer;
- display: inline-block;
- font-family: "Inter", system-ui, sans-serif;
- font-size: 16px;
- font-weight: 400;
- line-height: 1.3;
- margin: 0;
- padding: 0;
- white-space: nowrap;
+ background: 0;
+ border: none;
+ box-sizing: border-box;
+ cursor: pointer;
+ display: inline-block;
+ font-family: "Inter", system-ui, sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 1.3;
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
}
.tox .tox-button-link--sm {
- font-size: 14px;
+ font-size: 14px;
}
.tox .tox-button--naked {
- background-color: transparent;
- border-color: transparent;
- box-shadow: unset;
- color: var(--text-color, #222f3e);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: unset;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--naked[disabled] {
- background-color: var(--inputs-background);
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
+ background-color: var(--pw-inputs-background);
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-button--naked:hover:not(:disabled) {
- background-color: var(--inputs-background);
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--naked:focus:not(:disabled) {
- background-color: var(--inputs-background);
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--naked:active:not(:disabled) {
- background-color: var(--inputs-background);
- border-color: var(--inputs-background);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background);
+ border-color: var(--pw-inputs-background);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-button--naked .tox-icon svg {
- fill: currentColor;
+ fill: currentColor;
}
.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
- color: var(--text-color, #222f3e);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-checkbox {
- align-items: center;
- border-radius: 3px;
- cursor: pointer;
- display: flex;
- height: 36px;
- min-width: 36px;
+ align-items: center;
+ border-radius: 3px;
+ cursor: pointer;
+ display: flex;
+ height: 36px;
+ min-width: 36px;
}
.tox .tox-checkbox__input {
- height: 1px;
- overflow: hidden;
- position: absolute;
- top: auto;
- width: 1px;
+ height: 1px;
+ overflow: hidden;
+ position: absolute;
+ top: auto;
+ width: 1px;
}
.tox .tox-checkbox__icons {
- align-items: center;
- border-radius: 3px;
- box-shadow: 0 0 0 2px transparent;
- box-sizing: content-box;
- display: flex;
- height: 24px;
- justify-content: center;
- padding: calc(4px - 1px);
- width: 24px;
+ align-items: center;
+ border-radius: 3px;
+ box-shadow: 0 0 0 2px transparent;
+ box-sizing: content-box;
+ display: flex;
+ height: 24px;
+ justify-content: center;
+ padding: calc(4px - 1px);
+ width: 24px;
}
.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
- display: block;
- fill: rgba(34, 47, 62, 0.3);
+ display: block;
+ fill: rgba(34, 47, 62, 0.3);
}
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
- display: none;
- fill: #207ab7;
+ display: none;
+ fill: #207ab7;
}
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
- display: none;
- fill: #207ab7;
+ display: none;
+ fill: #207ab7;
}
.tox .tox-checkbox--disabled {
- color: var(--text-color, rgba(34, 47, 62, 0.5));
- cursor: not-allowed;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
+ cursor: not-allowed;
}
.tox
- .tox-checkbox--disabled
- .tox-checkbox__icons
- .tox-checkbox-icon__checked
- svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+.tox-checkbox--disabled
+.tox-checkbox__icons
+.tox-checkbox-icon__checked
+svg {
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox
- .tox-checkbox--disabled
- .tox-checkbox__icons
- .tox-checkbox-icon__unchecked
- svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+.tox-checkbox--disabled
+.tox-checkbox__icons
+.tox-checkbox-icon__unchecked
+svg {
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox
- .tox-checkbox--disabled
- .tox-checkbox__icons
- .tox-checkbox-icon__indeterminate
- svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+.tox-checkbox--disabled
+.tox-checkbox__icons
+.tox-checkbox-icon__indeterminate
+svg {
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox
- input.tox-checkbox__input:checked
- + .tox-checkbox__icons
- .tox-checkbox-icon__unchecked
- svg {
- display: none;
+input.tox-checkbox__input:checked
++ .tox-checkbox__icons
+.tox-checkbox-icon__unchecked
+svg {
+ display: none;
}
.tox
- input.tox-checkbox__input:checked
- + .tox-checkbox__icons
- .tox-checkbox-icon__checked
- svg {
- display: block;
+input.tox-checkbox__input:checked
++ .tox-checkbox__icons
+.tox-checkbox-icon__checked
+svg {
+ display: block;
}
.tox
- input.tox-checkbox__input:indeterminate
- + .tox-checkbox__icons
- .tox-checkbox-icon__unchecked
- svg {
- display: none;
+input.tox-checkbox__input:indeterminate
++ .tox-checkbox__icons
+.tox-checkbox-icon__unchecked
+svg {
+ display: none;
}
.tox
- input.tox-checkbox__input:indeterminate
- + .tox-checkbox__icons
- .tox-checkbox-icon__indeterminate
- svg {
- display: block;
+input.tox-checkbox__input:indeterminate
++ .tox-checkbox__icons
+.tox-checkbox-icon__indeterminate
+svg {
+ display: block;
}
.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
- border-radius: 3px;
- box-shadow: inset 0 0 0 1px #207ab7;
- padding: calc(4px - 1px);
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 1px #207ab7;
+ padding: calc(4px - 1px);
}
.tox:not([dir="rtl"]) .tox-checkbox__label {
- margin-left: 4px;
+ margin-left: 4px;
}
.tox:not([dir="rtl"]) .tox-checkbox__input {
- left: -10000px;
+ left: -10000px;
}
.tox:not([dir="rtl"]) .tox-bar .tox-checkbox {
- margin-left: 4px;
+ margin-left: 4px;
}
.tox[dir="rtl"] .tox-checkbox__label {
- margin-right: 4px;
+ margin-right: 4px;
}
.tox[dir="rtl"] .tox-checkbox__input {
- right: -10000px;
+ right: -10000px;
}
.tox[dir="rtl"] .tox-bar .tox-checkbox {
- margin-right: 4px;
+ margin-right: 4px;
}
.tox .tox-collection--toolbar .tox-collection__group {
- display: flex;
- padding: 0;
+ display: flex;
+ padding: 0;
}
.tox .tox-collection--grid .tox-collection__group {
- display: flex;
- flex-wrap: wrap;
- max-height: 208px;
- overflow-x: hidden;
- overflow-y: auto;
- padding: 0;
+ display: flex;
+ flex-wrap: wrap;
+ max-height: 208px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ padding: 0;
}
.tox .tox-collection--list .tox-collection__group {
- border-bottom-width: 0;
- border-color: var(--border-color, #ccc);
- border-left-width: 0;
- border-right-width: 0;
- border-style: solid;
- border-top-width: 1px;
- padding: 4px 0;
+ border-bottom-width: 0;
+ border-color: var(--pw-border-color, #ccc);
+ border-left-width: 0;
+ border-right-width: 0;
+ border-style: solid;
+ border-top-width: 1px;
+ padding: 4px 0;
}
.tox .tox-collection--list .tox-collection__group:first-child {
- border-top-width: 0;
+ border-top-width: 0;
}
.tox .tox-collection__group-heading {
- background-color: #e6e6e6;
- color: var(--var(--muted-color, rgba(34, 47, 62, 0.7)));
- cursor: default;
- font-size: 12px;
- font-style: normal;
- font-weight: 400;
- margin-bottom: 4px;
- margin-top: -4px;
- padding: 4px 8px;
- text-transform: none;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
+ background-color: #e6e6e6;
+ color: var(--pw-var(--pw-muted-color, rgba(34, 47, 62, 0.7)));
+ cursor: default;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ margin-bottom: 4px;
+ margin-top: -4px;
+ padding: 4px 8px;
+ text-transform: none;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
}
.tox .tox-collection__item {
- align-items: center;
- border-radius: 3px;
- color: var(--text-color, #222f3e);
- display: flex;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
+ align-items: center;
+ border-radius: 3px;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
}
.tox .tox-collection--list .tox-collection__item {
- padding: 4px 8px;
+ padding: 4px 8px;
}
.tox .tox-collection--toolbar .tox-collection__item {
- border-radius: 3px;
- padding: 4px;
+ border-radius: 3px;
+ padding: 4px;
}
.tox .tox-collection--grid .tox-collection__item {
- border-radius: 3px;
- padding: 4px;
+ border-radius: 3px;
+ padding: 4px;
}
.tox .tox-collection--list .tox-collection__item--enabled {
- background-color: var(--blocks-background, #fff);
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-blocks-background, #fff);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-collection--list .tox-collection__item--active {
- background-color: var(--inputs-background, #dee0e2);
+ background-color: var(--pw-inputs-background, #dee0e2);
}
.tox .tox-collection--toolbar .tox-collection__item--enabled {
- background-color: var(--inputs-background, #c8cbcf);
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background, #c8cbcf);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-collection--toolbar .tox-collection__item--active {
- background-color: var(--inputs-background, #dee0e2);
+ background-color: var(--pw-inputs-background, #dee0e2);
}
.tox .tox-collection--grid .tox-collection__item--enabled {
- background-color: var(--inputs-background, #c8cbcf);
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-inputs-background, #c8cbcf);
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-collection--grid
- .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
- background-color: var(--inputs-background, #dee0e2);
- color: var(--text-color, #222f3e);
+.tox-collection--grid
+.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+ background-color: var(--pw-inputs-background, #dee0e2);
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-collection--list
- .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
- color: var(--text-color, #222f3e);
+.tox-collection--list
+.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-collection--toolbar
- .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
- color: var(--text-color, #222f3e);
+.tox-collection--toolbar
+.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-collection__item-checkmark,
.tox .tox-collection__item-icon {
- align-items: center;
- display: flex;
- height: 24px;
- justify-content: center;
- width: 24px;
+ align-items: center;
+ display: flex;
+ height: 24px;
+ justify-content: center;
+ width: 24px;
}
.tox .tox-collection__item-checkmark svg,
.tox .tox-collection__item-icon svg {
- fill: currentColor;
+ fill: currentColor;
}
.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
- height: 48px;
- width: 48px;
+ height: 48px;
+ width: 48px;
}
.tox .tox-collection__item-label {
- color: currentColor;
- display: inline-block;
- flex: 1;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- line-height: 24px;
- max-width: 100%;
- text-transform: none;
- word-break: break-all;
+ color: currentColor;
+ display: inline-block;
+ flex: 1;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ max-width: 100%;
+ text-transform: none;
+ word-break: break-all;
}
.tox .tox-collection__item-accessory {
- color: var(--muted-color, rgba(34, 47, 62, 0.7));
- display: inline-block;
- font-size: 14px;
- height: 24px;
- line-height: 24px;
- text-transform: none;
+ color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ display: inline-block;
+ font-size: 14px;
+ height: 24px;
+ line-height: 24px;
+ text-transform: none;
}
.tox .tox-collection__item-caret {
- align-items: center;
- display: flex;
- min-height: 24px;
+ align-items: center;
+ display: flex;
+ min-height: 24px;
}
.tox .tox-collection__item-caret::after {
- content: "";
- font-size: 0;
- min-height: inherit;
+ content: "";
+ font-size: 0;
+ min-height: inherit;
}
.tox .tox-collection__item-caret svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-collection__item--state-disabled {
- background-color: transparent;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
- cursor: not-allowed;
+ background-color: transparent;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
+ cursor: not-allowed;
}
.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox
- .tox-collection--list
- .tox-collection__item:not(.tox-collection__item--enabled)
- .tox-collection__item-checkmark
- svg {
- display: none;
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-checkmark
+svg {
+ display: none;
}
.tox
- .tox-collection--list
- .tox-collection__item:not(.tox-collection__item--enabled)
- .tox-collection__item-accessory
- + .tox-collection__item-checkmark {
- display: none;
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-accessory
++ .tox-collection__item-checkmark {
+ display: none;
}
.tox .tox-collection--horizontal {
- background-color: var(--blocks-background);
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
- 0 4px 8px 0 rgba(34, 47, 62, 0.15);
- display: flex;
- flex: 0 0 auto;
- flex-shrink: 0;
- flex-wrap: nowrap;
- margin-bottom: 0;
- overflow-x: auto;
- padding: 0;
+ background-color: var(--pw-blocks-background);
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+ display: flex;
+ flex: 0 0 auto;
+ flex-shrink: 0;
+ flex-wrap: nowrap;
+ margin-bottom: 0;
+ overflow-x: auto;
+ padding: 0;
}
.tox .tox-collection--horizontal .tox-collection__group {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- margin: 0;
- padding: 0 4px;
+ align-items: center;
+ display: flex;
+ flex-wrap: nowrap;
+ margin: 0;
+ padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item {
- height: 34px;
- margin: 3px 0 2px 0;
- padding: 0 4px;
+ height: 34px;
+ margin: 3px 0 2px 0;
+ padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item-label {
- white-space: nowrap;
+ white-space: nowrap;
}
.tox .tox-collection--horizontal .tox-collection__item-caret {
- margin-left: 4px;
+ margin-left: 4px;
}
.tox .tox-collection__item-container {
- display: flex;
+ display: flex;
}
.tox .tox-collection__item-container--row {
- align-items: center;
- flex: 1 1 auto;
- flex-direction: row;
+ align-items: center;
+ flex: 1 1 auto;
+ flex-direction: row;
}
.tox
- .tox-collection__item-container--row.tox-collection__item-container--align-left {
- margin-right: auto;
+.tox-collection__item-container--row.tox-collection__item-container--align-left {
+ margin-right: auto;
}
.tox
- .tox-collection__item-container--row.tox-collection__item-container--align-right {
- justify-content: flex-end;
- margin-left: auto;
+.tox-collection__item-container--row.tox-collection__item-container--align-right {
+ justify-content: flex-end;
+ margin-left: auto;
}
.tox
- .tox-collection__item-container--row.tox-collection__item-container--valign-top {
- align-items: flex-start;
- margin-bottom: auto;
+.tox-collection__item-container--row.tox-collection__item-container--valign-top {
+ align-items: flex-start;
+ margin-bottom: auto;
}
.tox
- .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
- align-items: center;
+.tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+ align-items: center;
}
.tox
- .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
- align-items: flex-end;
- margin-top: auto;
+.tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+ align-items: flex-end;
+ margin-top: auto;
}
.tox .tox-collection__item-container--column {
- align-self: center;
- flex: 1 1 auto;
- flex-direction: column;
+ align-self: center;
+ flex: 1 1 auto;
+ flex-direction: column;
}
.tox
- .tox-collection__item-container--column.tox-collection__item-container--align-left {
- align-items: flex-start;
+.tox-collection__item-container--column.tox-collection__item-container--align-left {
+ align-items: flex-start;
}
.tox
- .tox-collection__item-container--column.tox-collection__item-container--align-right {
- align-items: flex-end;
+.tox-collection__item-container--column.tox-collection__item-container--align-right {
+ align-items: flex-end;
}
.tox
- .tox-collection__item-container--column.tox-collection__item-container--valign-top {
- align-self: flex-start;
+.tox-collection__item-container--column.tox-collection__item-container--valign-top {
+ align-self: flex-start;
}
.tox
- .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
- align-self: center;
+.tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+ align-self: center;
}
.tox
- .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
- align-self: flex-end;
+.tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+ align-self: flex-end;
}
.tox:not([dir="rtl"])
- .tox-collection--horizontal
- .tox-collection__group:not(:last-of-type) {
- border-right: 1px solid var(--border-color, #ccc);
+.tox-collection--horizontal
+.tox-collection__group:not(:last-of-type) {
+ border-right: 1px solid var(--pw-border-color, #ccc);
}
.tox:not([dir="rtl"])
- .tox-collection--list
- .tox-collection__item
- > :not(:first-child) {
- margin-left: 8px;
+.tox-collection--list
+.tox-collection__item
+> :not(:first-child) {
+ margin-left: 8px;
}
.tox:not([dir="rtl"])
- .tox-collection--list
- .tox-collection__item
- > .tox-collection__item-label:first-child {
- margin-left: 4px;
+.tox-collection--list
+.tox-collection__item
+> .tox-collection__item-label:first-child {
+ margin-left: 4px;
}
.tox:not([dir="rtl"]) .tox-collection__item-accessory {
- margin-left: 16px;
- text-align: right;
+ margin-left: 16px;
+ text-align: right;
}
.tox:not([dir="rtl"]) .tox-collection .tox-collection__item-caret {
- margin-left: 16px;
+ margin-left: 16px;
}
.tox[dir="rtl"]
- .tox-collection--horizontal
- .tox-collection__group:not(:last-of-type) {
- border-left: 1px solid var(--border-color, #ccc);
+.tox-collection--horizontal
+.tox-collection__group:not(:last-of-type) {
+ border-left: 1px solid var(--pw-border-color, #ccc);
}
.tox[dir="rtl"]
- .tox-collection--list
- .tox-collection__item
- > :not(:first-child) {
- margin-right: 8px;
+.tox-collection--list
+.tox-collection__item
+> :not(:first-child) {
+ margin-right: 8px;
}
.tox[dir="rtl"]
- .tox-collection--list
- .tox-collection__item
- > .tox-collection__item-label:first-child {
- margin-right: 4px;
+.tox-collection--list
+.tox-collection__item
+> .tox-collection__item-label:first-child {
+ margin-right: 4px;
}
.tox[dir="rtl"] .tox-collection__item-accessory {
- margin-right: 16px;
- text-align: left;
+ margin-right: 16px;
+ text-align: left;
}
.tox[dir="rtl"] .tox-collection .tox-collection__item-caret {
- margin-right: 16px;
- transform: rotateY(180deg);
+ margin-right: 16px;
+ transform: rotateY(180deg);
}
.tox[dir="rtl"] .tox-collection--horizontal .tox-collection__item-caret {
- margin-right: 4px;
+ margin-right: 4px;
}
.tox .tox-color-picker-container {
- display: flex;
- flex-direction: row;
- height: 225px;
- margin: 0;
+ display: flex;
+ flex-direction: row;
+ height: 225px;
+ margin: 0;
}
.tox .tox-sv-palette {
- box-sizing: border-box;
- display: flex;
- height: 100%;
+ box-sizing: border-box;
+ display: flex;
+ height: 100%;
}
.tox .tox-sv-palette-spectrum {
- height: 100%;
+ height: 100%;
}
.tox .tox-sv-palette,
.tox .tox-sv-palette-spectrum {
- width: 225px;
+ width: 225px;
}
.tox .tox-sv-palette-thumb {
- background: 0 0;
- border: 1px solid #000;
- border-radius: 50%;
- box-sizing: content-box;
- height: 12px;
- position: absolute;
- width: 12px;
+ background: 0 0;
+ border: 1px solid #000;
+ border-radius: 50%;
+ box-sizing: content-box;
+ height: 12px;
+ position: absolute;
+ width: 12px;
}
.tox .tox-sv-palette-inner-thumb {
- border: 1px solid #fff;
- border-radius: 50%;
- height: 10px;
- position: absolute;
- width: 10px;
+ border: 1px solid #fff;
+ border-radius: 50%;
+ height: 10px;
+ position: absolute;
+ width: 10px;
}
.tox .tox-hue-slider {
- box-sizing: border-box;
- height: 100%;
- width: 25px;
+ box-sizing: border-box;
+ height: 100%;
+ width: 25px;
}
.tox .tox-hue-slider-spectrum {
- background: linear-gradient(
- to bottom,
- red,
- #ff0080,
- #f0f,
- #8000ff,
- #00f,
- #0080ff,
- #0ff,
- #00ff80,
- #0f0,
- #80ff00,
- #ff0,
- #ff8000,
- red
- );
- height: 100%;
- width: 100%;
+ background: linear-gradient(
+ to bottom,
+ red,
+ #ff0080,
+ #f0f,
+ #8000ff,
+ #00f,
+ #0080ff,
+ #0ff,
+ #00ff80,
+ #0f0,
+ #80ff00,
+ #ff0,
+ #ff8000,
+ red
+ );
+ height: 100%;
+ width: 100%;
}
.tox .tox-hue-slider,
.tox .tox-hue-slider-spectrum {
- width: 20px;
+ width: 20px;
}
.tox .tox-hue-slider-spectrum:focus,
.tox .tox-sv-palette-spectrum:focus {
- outline: #08f solid;
+ outline: #08f solid;
}
.tox .tox-hue-slider-thumb {
- background: var(--blocks-background);
- border: 1px solid #000;
- box-sizing: content-box;
- height: 4px;
- width: 100%;
+ background: var(--pw-blocks-background);
+ border: 1px solid #000;
+ box-sizing: content-box;
+ height: 4px;
+ width: 100%;
}
.tox .tox-rgb-form {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
}
.tox .tox-rgb-form div {
- align-items: center;
- display: flex;
- justify-content: space-between;
- margin-bottom: 5px;
- width: inherit;
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 5px;
+ width: inherit;
}
.tox .tox-rgb-form input {
- width: 6em;
+ width: 6em;
}
.tox .tox-rgb-form input.tox-invalid {
- border: 1px solid red !important;
+ border: 1px solid red !important;
}
.tox .tox-rgb-form .tox-rgba-preview {
- border: 1px solid #000;
- flex-grow: 2;
- margin-bottom: 0;
+ border: 1px solid #000;
+ flex-grow: 2;
+ margin-bottom: 0;
}
.tox:not([dir="rtl"]) .tox-sv-palette {
- margin-right: 15px;
+ margin-right: 15px;
}
.tox:not([dir="rtl"]) .tox-hue-slider {
- margin-right: 15px;
+ margin-right: 15px;
}
.tox:not([dir="rtl"]) .tox-hue-slider-thumb {
- margin-left: -1px;
+ margin-left: -1px;
}
.tox:not([dir="rtl"]) .tox-rgb-form label {
- margin-right: 0.5em;
+ margin-right: 0.5em;
}
.tox[dir="rtl"] .tox-sv-palette {
- margin-left: 15px;
+ margin-left: 15px;
}
.tox[dir="rtl"] .tox-hue-slider {
- margin-left: 15px;
+ margin-left: 15px;
}
.tox[dir="rtl"] .tox-hue-slider-thumb {
- margin-right: -1px;
+ margin-right: -1px;
}
.tox[dir="rtl"] .tox-rgb-form label {
- margin-left: 0.5em;
+ margin-left: 0.5em;
}
.tox .tox-toolbar .tox-swatches,
.tox .tox-toolbar__overflow .tox-swatches,
.tox .tox-toolbar__primary .tox-swatches {
- margin: 2px 0 3px 4px;
+ margin: 2px 0 3px 4px;
}
.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
- border: 0;
- margin: -4px 0;
+ border: 0;
+ margin: -4px 0;
}
.tox .tox-swatches__row {
- display: flex;
+ display: flex;
}
.tox .tox-swatch {
- height: 30px;
- transition: transform 0.15s, box-shadow 0.15s;
- width: 30px;
+ height: 30px;
+ transition: transform 0.15s, box-shadow 0.15s;
+ width: 30px;
}
.tox .tox-swatch:focus,
.tox .tox-swatch:hover {
- box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
- transform: scale(0.8);
+ box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+ transform: scale(0.8);
}
.tox .tox-swatch--remove {
- align-items: center;
- display: flex;
- justify-content: center;
+ align-items: center;
+ display: flex;
+ justify-content: center;
}
.tox .tox-swatch--remove svg path {
- stroke: #e74c3c;
+ stroke: #e74c3c;
}
.tox .tox-swatches__picker-btn {
- align-items: center;
- background-color: transparent;
- border: 0;
- cursor: pointer;
- display: flex;
- height: 30px;
- justify-content: center;
- outline: 0;
- padding: 0;
- width: 30px;
+ align-items: center;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ display: flex;
+ height: 30px;
+ justify-content: center;
+ outline: 0;
+ padding: 0;
+ width: 30px;
}
.tox .tox-swatches__picker-btn svg {
- fill: var(--text-color, #222f3e);
- height: 24px;
- width: 24px;
+ fill: var(--pw-text-color, #222f3e);
+ height: 24px;
+ width: 24px;
}
.tox .tox-swatches__picker-btn:hover {
- background: var(--inputs-background, #dee0e2);
+ background: var(--pw-inputs-background, #dee0e2);
}
.tox div.tox-swatch:not(.tox-swatch--remove) svg {
- display: none;
- fill: var(--text-color, #222f3e);
- height: 24px;
- margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
- width: 24px;
+ display: none;
+ fill: var(--pw-text-color, #222f3e);
+ height: 24px;
+ margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+ width: 24px;
}
.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
- fill: var(--blocks-background);
- paint-order: stroke;
- stroke: var(--text-color, #222f3e);
- stroke-width: 2px;
+ fill: var(--pw-blocks-background);
+ paint-order: stroke;
+ stroke: var(--pw-text-color, #222f3e);
+ stroke-width: 2px;
}
.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
- display: block;
+ display: block;
}
.tox:not([dir="rtl"]) .tox-swatches__picker-btn {
- margin-left: auto;
+ margin-left: auto;
}
.tox[dir="rtl"] .tox-swatches__picker-btn {
- margin-right: auto;
+ margin-right: auto;
}
.tox .tox-comment-thread {
- background: var(--blocks-background);
- position: relative;
+ background: var(--pw-blocks-background);
+ position: relative;
}
.tox .tox-comment-thread > :not(:first-child) {
- margin-top: 8px;
+ margin-top: 8px;
}
.tox .tox-comment {
- background: var(--blocks-background);
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
- padding: 8px 8px 16px 8px;
- position: relative;
+ background: var(--pw-blocks-background);
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+ padding: 8px 8px 16px 8px;
+ position: relative;
}
.tox .tox-comment__header {
- align-items: center;
- color: var(--text-color, #222f3e);
- display: flex;
- justify-content: space-between;
+ align-items: center;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ justify-content: space-between;
}
.tox .tox-comment__date {
- color: var(--text-color, #222f3e);
- font-size: 12px;
- line-height: 18px;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 12px;
+ line-height: 18px;
}
.tox .tox-comment__body {
- color: var(--text-color, #222f3e);
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- line-height: 1.3;
- margin-top: 8px;
- position: relative;
- text-transform: initial;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.3;
+ margin-top: 8px;
+ position: relative;
+ text-transform: initial;
}
.tox .tox-comment__body textarea {
- resize: none;
- white-space: normal;
- width: 100%;
+ resize: none;
+ white-space: normal;
+ width: 100%;
}
.tox .tox-comment__expander {
- padding-top: 8px;
+ padding-top: 8px;
}
.tox .tox-comment__expander p {
- color: var(--muted-color, rgba(34, 47, 62, 0.7));
- font-size: 14px;
- font-style: normal;
+ color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ font-size: 14px;
+ font-style: normal;
}
.tox .tox-comment__body p {
- margin: 0;
+ margin: 0;
}
.tox .tox-comment__buttonspacing {
- padding-top: 16px;
- text-align: center;
+ padding-top: 16px;
+ text-align: center;
}
.tox .tox-comment-thread__overlay::after {
- background: var(--blocks-background);
- bottom: 0;
- content: "";
- display: flex;
- left: 0;
- opacity: 0.9;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 5;
+ background: var(--pw-blocks-background);
+ bottom: 0;
+ content: "";
+ display: flex;
+ left: 0;
+ opacity: 0.9;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 5;
}
.tox .tox-comment__reply {
- display: flex;
- flex-shrink: 0;
- flex-wrap: wrap;
- justify-content: flex-end;
- margin-top: 8px;
+ display: flex;
+ flex-shrink: 0;
+ flex-wrap: wrap;
+ justify-content: flex-end;
+ margin-top: 8px;
}
.tox .tox-comment__reply > :first-child {
- margin-bottom: 8px;
- width: 100%;
+ margin-bottom: 8px;
+ width: 100%;
}
.tox .tox-comment__edit {
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-end;
- margin-top: 16px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-end;
+ margin-top: 16px;
}
.tox .tox-comment__gradient::after {
- background: linear-gradient(rgba(255, 255, 255, 0), #fff);
- bottom: 0;
- content: "";
- display: block;
- height: 5em;
- margin-top: -40px;
- position: absolute;
- width: 100%;
+ background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+ bottom: 0;
+ content: "";
+ display: block;
+ height: 5em;
+ margin-top: -40px;
+ position: absolute;
+ width: 100%;
}
.tox .tox-comment__overlay {
- background: var(--blocks-background);
- bottom: 0;
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- left: 0;
- opacity: 0.9;
- position: absolute;
- right: 0;
- text-align: center;
- top: 0;
- z-index: 5;
+ background: var(--pw-blocks-background);
+ bottom: 0;
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ left: 0;
+ opacity: 0.9;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ z-index: 5;
}
.tox .tox-comment__loading-text {
- align-items: center;
- color: var(--text-color, #222f3e);
- display: flex;
- flex-direction: column;
- position: relative;
+ align-items: center;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ flex-direction: column;
+ position: relative;
}
.tox .tox-comment__loading-text > div {
- padding-bottom: 16px;
+ padding-bottom: 16px;
}
.tox .tox-comment__overlaytext {
- bottom: 0;
- flex-direction: column;
- font-size: 14px;
- left: 0;
- padding: 1em;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 10;
+ bottom: 0;
+ flex-direction: column;
+ font-size: 14px;
+ left: 0;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 10;
}
.tox .tox-comment__overlaytext p {
- background-color: var(--blocks-background);
- box-shadow: 0 0 8px 8px #fff;
- color: var(--text-color, #222f3e);
- text-align: center;
+ background-color: var(--pw-blocks-background);
+ box-shadow: 0 0 8px 8px #fff;
+ color: var(--pw-text-color, #222f3e);
+ text-align: center;
}
.tox .tox-comment__overlaytext div:nth-of-type(2) {
- font-size: 0.8em;
+ font-size: 0.8em;
}
.tox .tox-comment__busy-spinner {
- align-items: center;
- background-color: var(--blocks-background);
- bottom: 0;
- display: flex;
- justify-content: center;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 20;
+ align-items: center;
+ background-color: var(--pw-blocks-background);
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 20;
}
.tox .tox-comment__scroll {
- display: flex;
- flex-direction: column;
- flex-shrink: 1;
- overflow: auto;
+ display: flex;
+ flex-direction: column;
+ flex-shrink: 1;
+ overflow: auto;
}
.tox .tox-conversations {
- margin: 8px;
+ margin: 8px;
}
.tox:not([dir="rtl"]) .tox-comment__edit {
- margin-left: 8px;
+ margin-left: 8px;
}
.tox:not([dir="rtl"]) .tox-comment__buttonspacing > :last-child,
.tox:not([dir="rtl"]) .tox-comment__edit > :last-child,
.tox:not([dir="rtl"]) .tox-comment__reply > :last-child {
- margin-left: 8px;
+ margin-left: 8px;
}
.tox[dir="rtl"] .tox-comment__edit {
- margin-right: 8px;
+ margin-right: 8px;
}
.tox[dir="rtl"] .tox-comment__buttonspacing > :last-child,
.tox[dir="rtl"] .tox-comment__edit > :last-child,
.tox[dir="rtl"] .tox-comment__reply > :last-child {
- margin-right: 8px;
+ margin-right: 8px;
}
.tox .tox-user {
- align-items: center;
- display: flex;
+ align-items: center;
+ display: flex;
}
.tox .tox-user__avatar svg {
- fill: var(--muted-color, rgba(34, 47, 62, 0.7));
+ fill: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
}
.tox .tox-user__avatar img {
- border-radius: 50%;
- height: 36px;
- object-fit: cover;
- vertical-align: middle;
- width: 36px;
+ border-radius: 50%;
+ height: 36px;
+ object-fit: cover;
+ vertical-align: middle;
+ width: 36px;
}
.tox .tox-user__name {
- color: var(--text-color, #222f3e);
- font-size: 14px;
- font-style: normal;
- font-weight: 700;
- line-height: 18px;
- text-transform: none;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 18px;
+ text-transform: none;
}
.tox:not([dir="rtl"]) .tox-user__avatar img,
.tox:not([dir="rtl"]) .tox-user__avatar svg {
- margin-right: 8px;
+ margin-right: 8px;
}
.tox:not([dir="rtl"]) .tox-user__avatar + .tox-user__name {
- margin-left: 8px;
+ margin-left: 8px;
}
.tox[dir="rtl"] .tox-user__avatar img,
.tox[dir="rtl"] .tox-user__avatar svg {
- margin-left: 8px;
+ margin-left: 8px;
}
.tox[dir="rtl"] .tox-user__avatar + .tox-user__name {
- margin-right: 8px;
+ margin-right: 8px;
}
.tox .tox-dialog-wrap {
- align-items: center;
- bottom: 0;
- display: flex;
- justify-content: center;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 1100;
+ align-items: center;
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 1100;
}
.tox .tox-dialog-wrap__backdrop {
- background-color: rgba(255, 255, 255, 0.75);
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 1;
+ background-color: rgba(255, 255, 255, 0.75);
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1;
}
.tox .tox-dialog-wrap__backdrop--opaque {
- background-color: var(--blocks-background);
+ background-color: var(--pw-blocks-background);
}
.tox .tox-dialog {
- background-color: var(--blocks-background);
- border-color: var(--border-color, #ccc);
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15),
- 0 0 40px 1px rgba(34, 47, 62, 0.15);
- display: flex;
- flex-direction: column;
- max-height: 100%;
- max-width: 480px;
- overflow: hidden;
- position: relative;
- width: 95vw;
- z-index: 2;
+ background-color: var(--pw-blocks-background);
+ border-color: var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15),
+ 0 0 40px 1px rgba(34, 47, 62, 0.15);
+ display: flex;
+ flex-direction: column;
+ max-height: 100%;
+ max-width: 480px;
+ overflow: hidden;
+ position: relative;
+ width: 95vw;
+ z-index: 2;
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop) .tox .tox-dialog {
- align-self: flex-start;
- margin: 8px auto;
- max-height: calc(100vh - 8px * 2);
- width: calc(100vw - 16px);
- }
+ body:not(.tox-force-desktop) .tox .tox-dialog {
+ align-self: flex-start;
+ margin: 8px auto;
+ max-height: calc(100vh - 8px * 2);
+ width: calc(100vw - 16px);
+ }
}
.tox .tox-dialog-inline {
- z-index: 1100;
+ z-index: 1100;
}
.tox .tox-dialog__header {
- align-items: center;
- background-color: var(--blocks-background);
- border-bottom: none;
- color: var(--text-color, #222f3e);
- display: flex;
- font-size: 16px;
- justify-content: space-between;
- padding: 8px 16px 0 16px;
- position: relative;
+ align-items: center;
+ background-color: var(--pw-blocks-background);
+ border-bottom: none;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ font-size: 16px;
+ justify-content: space-between;
+ padding: 8px 16px 0 16px;
+ position: relative;
}
.tox .tox-dialog__header .tox-button {
- z-index: 1;
+ z-index: 1;
}
.tox .tox-dialog__draghandle {
- cursor: grab;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
+ cursor: grab;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
}
.tox .tox-dialog__draghandle:active {
- cursor: grabbing;
+ cursor: grabbing;
}
.tox .tox-dialog__dismiss {
- margin-left: auto;
+ margin-left: auto;
}
.tox .tox-dialog__title {
- font-family: "Inter", system-ui, sans-serif;
- font-size: 20px;
- font-style: normal;
- font-weight: 400;
- line-height: 1.3;
- margin: 0;
- text-transform: none;
+ font-family: "Inter", system-ui, sans-serif;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.3;
+ margin: 0;
+ text-transform: none;
}
.tox .tox-dialog__body {
- color: var(--text-color, #222f3e);
- display: flex;
- flex: 1;
- font-size: 16px;
- font-style: normal;
- font-weight: 400;
- line-height: 1.3;
- min-width: 0;
- text-align: left;
- text-transform: none;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ flex: 1;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.3;
+ min-width: 0;
+ text-align: left;
+ text-transform: none;
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop) .tox .tox-dialog__body {
- flex-direction: column;
- }
+ body:not(.tox-force-desktop) .tox .tox-dialog__body {
+ flex-direction: column;
+ }
}
.tox .tox-dialog__body-nav {
- align-items: flex-start;
- display: flex;
- flex-direction: column;
- flex-shrink: 0;
- padding: 16px 16px;
+ align-items: flex-start;
+ display: flex;
+ flex-direction: column;
+ flex-shrink: 0;
+ padding: 16px 16px;
}
@media only screen and (min-width: 768px) {
- .tox .tox-dialog__body-nav {
- max-width: 11em;
- }
+ .tox .tox-dialog__body-nav {
+ max-width: 11em;
+ }
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
- flex-direction: row;
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- padding-bottom: 0;
- }
+ body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+ flex-direction: row;
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ padding-bottom: 0;
+ }
}
.tox .tox-dialog__body-nav-item {
- border-bottom: 2px solid transparent;
- color: var(--muted-color, rgba(34, 47, 62, 0.7));
- display: inline-block;
- flex-shrink: 0;
- font-size: 14px;
- line-height: 1.3;
- margin-bottom: 8px;
- max-width: 13em;
- text-decoration: none;
+ border-bottom: 2px solid transparent;
+ color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ display: inline-block;
+ flex-shrink: 0;
+ font-size: 14px;
+ line-height: 1.3;
+ margin-bottom: 8px;
+ max-width: 13em;
+ text-decoration: none;
}
.tox .tox-dialog__body-nav-item:focus {
- background-color: rgba(32, 122, 183, 0.1);
+ background-color: rgba(32, 122, 183, 0.1);
}
.tox .tox-dialog__body-nav-item--active {
- border-bottom: 2px solid #207ab7;
- color: #207ab7;
+ border-bottom: 2px solid #207ab7;
+ color: #207ab7;
}
.tox .tox-dialog__body-content {
- box-sizing: border-box;
- display: flex;
- flex: 1;
- flex-direction: column;
- max-height: min(650px, calc(100vh - 110px));
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- padding: 16px 16px;
+ box-sizing: border-box;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ max-height: min(650px, calc(100vh - 110px));
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ padding: 16px 16px;
}
.tox .tox-dialog__body-content > * {
- margin-bottom: 0;
- margin-top: 16px;
+ margin-bottom: 0;
+ margin-top: 16px;
}
.tox .tox-dialog__body-content > :first-child {
- margin-top: 0;
+ margin-top: 0;
}
.tox .tox-dialog__body-content > :last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.tox .tox-dialog__body-content > :only-child {
- margin-bottom: 0;
- margin-top: 0;
+ margin-bottom: 0;
+ margin-top: 0;
}
.tox .tox-dialog__body-content a {
- color: #207ab7;
- cursor: pointer;
- text-decoration: underline;
+ color: #207ab7;
+ cursor: pointer;
+ text-decoration: underline;
}
.tox .tox-dialog__body-content a:focus,
.tox .tox-dialog__body-content a:hover {
- color: var(--inputs-background);
- text-decoration: underline;
+ color: var(--pw-inputs-background);
+ text-decoration: underline;
}
.tox .tox-dialog__body-content a:focus-visible {
- border-radius: 1px;
- outline: 2px solid #207ab7;
- outline-offset: 2px;
+ border-radius: 1px;
+ outline: 2px solid #207ab7;
+ outline-offset: 2px;
}
.tox .tox-dialog__body-content a:active {
- color: #092335;
- text-decoration: underline;
+ color: #092335;
+ text-decoration: underline;
}
.tox .tox-dialog__body-content svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-dialog__body-content strong {
- font-weight: 700;
+ font-weight: 700;
}
.tox .tox-dialog__body-content ul {
- list-style-type: disc;
+ list-style-type: disc;
}
.tox .tox-dialog__body-content dd,
.tox .tox-dialog__body-content ol,
.tox .tox-dialog__body-content ul {
- padding-inline-start: 2.5rem;
+ padding-inline-start: 2.5rem;
}
.tox .tox-dialog__body-content dl,
.tox .tox-dialog__body-content ol,
.tox .tox-dialog__body-content ul {
- margin-bottom: 16px;
+ margin-bottom: 16px;
}
.tox .tox-dialog__body-content dd,
.tox .tox-dialog__body-content dl,
.tox .tox-dialog__body-content dt,
.tox .tox-dialog__body-content ol,
.tox .tox-dialog__body-content ul {
- display: block;
- margin-inline-end: 0;
- margin-inline-start: 0;
+ display: block;
+ margin-inline-end: 0;
+ margin-inline-start: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1 {
- color: var(--text-color, #222f3e);
- font-size: 20px;
- font-style: normal;
- font-weight: 700;
- letter-spacing: normal;
- margin-bottom: 16px;
- margin-top: 2rem;
- text-transform: none;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 700;
+ letter-spacing: normal;
+ margin-bottom: 16px;
+ margin-top: 2rem;
+ text-transform: none;
}
.tox .tox-dialog__body-content .tox-form__group h2 {
- color: var(--text-color, #222f3e);
- font-size: 16px;
- font-style: normal;
- font-weight: 700;
- letter-spacing: normal;
- margin-bottom: 16px;
- margin-top: 2rem;
- text-transform: none;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 700;
+ letter-spacing: normal;
+ margin-bottom: 16px;
+ margin-top: 2rem;
+ text-transform: none;
}
.tox .tox-dialog__body-content .tox-form__group p {
- margin-bottom: 16px;
+ margin-bottom: 16px;
}
.tox .tox-dialog__body-content .tox-form__group h1:first-child,
.tox .tox-dialog__body-content .tox-form__group h2:first-child,
.tox .tox-dialog__body-content .tox-form__group p:first-child {
- margin-top: 0;
+ margin-top: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1:last-child,
.tox .tox-dialog__body-content .tox-form__group h2:last-child,
.tox .tox-dialog__body-content .tox-form__group p:last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.tox .tox-dialog__body-content .tox-form__group h1:only-child,
.tox .tox-dialog__body-content .tox-form__group h2:only-child,
.tox .tox-dialog__body-content .tox-form__group p:only-child {
- margin-bottom: 0;
- margin-top: 0;
+ margin-bottom: 0;
+ margin-top: 0;
}
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
- text-align: center;
+ text-align: center;
}
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
- text-align: end;
+ text-align: end;
}
.tox .tox-dialog--width-lg {
- height: 650px;
- max-width: 1200px;
+ height: 650px;
+ max-width: 1200px;
}
.tox .tox-dialog--fullscreen {
- height: 100%;
- max-width: 100%;
+ height: 100%;
+ max-width: 100%;
}
.tox .tox-dialog--fullscreen .tox-dialog__body-content {
- max-height: 100%;
+ max-height: 100%;
}
.tox .tox-dialog--width-md {
- max-width: 800px;
+ max-width: 800px;
}
.tox .tox-dialog--width-md .tox-dialog__body-content {
- overflow: auto;
+ overflow: auto;
}
.tox .tox-dialog__body-content--centered {
- text-align: center;
+ text-align: center;
}
.tox .tox-dialog__footer {
- align-items: center;
- background-color: var(--blocks-background);
- border-top: 1px solid var(--border-color, #ccc);
- display: flex;
- justify-content: space-between;
- padding: 8px 16px;
+ align-items: center;
+ background-color: var(--pw-blocks-background);
+ border-top: 1px solid var(--pw-border-color, #ccc);
+ display: flex;
+ justify-content: space-between;
+ padding: 8px 16px;
}
.tox .tox-dialog__footer-end,
.tox .tox-dialog__footer-start {
- display: flex;
+ display: flex;
}
.tox .tox-dialog__busy-spinner {
- align-items: center;
- background-color: rgba(255, 255, 255, 0.75);
- bottom: 0;
- display: flex;
- justify-content: center;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 3;
+ align-items: center;
+ background-color: rgba(255, 255, 255, 0.75);
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 3;
}
.tox .tox-dialog__table {
- border-collapse: collapse;
- width: 100%;
+ border-collapse: collapse;
+ width: 100%;
}
.tox .tox-dialog__table thead th {
- font-weight: 700;
- padding-bottom: 8px;
+ font-weight: 700;
+ padding-bottom: 8px;
}
.tox .tox-dialog__table thead th:first-child {
- padding-right: 8px;
+ padding-right: 8px;
}
.tox .tox-dialog__table tbody tr {
- border-bottom: 1px solid #404040;
+ border-bottom: 1px solid #404040;
}
.tox .tox-dialog__table tbody tr:last-child {
- border-bottom: none;
+ border-bottom: none;
}
.tox .tox-dialog__table td {
- padding-bottom: 8px;
- padding-top: 8px;
+ padding-bottom: 8px;
+ padding-top: 8px;
}
.tox .tox-dialog__table td:first-child {
- padding-right: 8px;
+ padding-right: 8px;
}
.tox .tox-dialog__iframe {
- min-height: 200px;
+ min-height: 200px;
}
.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
- background: var(--blocks-background);
+ background: var(--pw-blocks-background);
}
.tox .tox-navobj-bordered {
- position: relative;
+ position: relative;
}
.tox .tox-navobj-bordered::before {
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- content: "";
- inset: 0;
- opacity: 1;
- pointer-events: none;
- position: absolute;
- z-index: 1;
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ content: "";
+ inset: 0;
+ opacity: 1;
+ pointer-events: none;
+ position: absolute;
+ z-index: 1;
}
.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
- border-color: #207ab7;
- box-shadow: none;
- outline: 2px solid rgba(32, 122, 183, 0.25);
+ border-color: #207ab7;
+ box-shadow: none;
+ outline: 2px solid rgba(32, 122, 183, 0.25);
}
.tox .tox-dialog__popups {
- position: absolute;
- width: 100%;
- z-index: 1100;
+ position: absolute;
+ width: 100%;
+ z-index: 1100;
}
.tox .tox-dialog__body-iframe {
- display: flex;
- flex: 1;
- flex-direction: column;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
}
.tox .tox-dialog__body-iframe .tox-navobj {
- display: flex;
- flex: 1;
+ display: flex;
+ flex: 1;
}
.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
- flex: 1;
- height: 100%;
+ flex: 1;
+ height: 100%;
}
.tox .tox-dialog-dock-fadeout {
- opacity: 0;
- visibility: hidden;
+ opacity: 0;
+ visibility: hidden;
}
.tox .tox-dialog-dock-fadein {
- opacity: 1;
- visibility: visible;
+ opacity: 1;
+ visibility: visible;
}
.tox .tox-dialog-dock-transition {
- transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}
.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
- transition-delay: 0s;
+ transition-delay: 0s;
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop) .tox:not([dir="rtl"]) .tox-dialog__body-nav {
- margin-right: 0;
- }
+ body:not(.tox-force-desktop) .tox:not([dir="rtl"]) .tox-dialog__body-nav {
+ margin-right: 0;
+ }
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop)
- .tox:not([dir="rtl"])
- .tox-dialog__body-nav-item:not(:first-child) {
- margin-left: 8px;
- }
+ body:not(.tox-force-desktop)
+ .tox:not([dir="rtl"])
+ .tox-dialog__body-nav-item:not(:first-child) {
+ margin-left: 8px;
+ }
}
.tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-end > *,
.tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-start > * {
- margin-left: 8px;
+ margin-left: 8px;
}
.tox[dir="rtl"] .tox-dialog__body {
- text-align: right;
+ text-align: right;
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop) .tox[dir="rtl"] .tox-dialog__body-nav {
- margin-left: 0;
- }
+ body:not(.tox-force-desktop) .tox[dir="rtl"] .tox-dialog__body-nav {
+ margin-left: 0;
+ }
}
@media only screen and (max-width: 767px) {
- body:not(.tox-force-desktop)
- .tox[dir="rtl"]
- .tox-dialog__body-nav-item:not(:first-child) {
- margin-right: 8px;
- }
+ body:not(.tox-force-desktop)
+ .tox[dir="rtl"]
+ .tox-dialog__body-nav-item:not(:first-child) {
+ margin-right: 8px;
+ }
}
.tox[dir="rtl"] .tox-dialog__footer .tox-dialog__footer-end > *,
.tox[dir="rtl"] .tox-dialog__footer .tox-dialog__footer-start > * {
- margin-right: 8px;
+ margin-right: 8px;
}
body.tox-dialog__disable-scroll {
- overflow: hidden;
+ overflow: hidden;
}
.tox .tox-dropzone-container {
- display: flex;
- flex: 1;
+ display: flex;
+ flex: 1;
}
.tox .tox-dropzone {
- align-items: center;
- background: var(--blocks-background);
- border: 2px dashed var(--border-color, #ccc);
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- justify-content: center;
- min-height: 100px;
- padding: 10px;
+ align-items: center;
+ background: var(--pw-blocks-background);
+ border: 2px dashed var(--pw-border-color, #ccc);
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ justify-content: center;
+ min-height: 100px;
+ padding: 10px;
}
.tox .tox-dropzone p {
- color: var(--muted-color, rgba(34, 47, 62, 0.7));
- margin: 0 0 16px 0;
+ color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ margin: 0 0 16px 0;
}
.tox .tox-edit-area {
- display: flex;
- flex: 1;
- overflow: hidden;
- position: relative;
+ display: flex;
+ flex: 1;
+ overflow: hidden;
+ position: relative;
}
.tox .tox-edit-area::before {
- border: 2px solid #2d6adf;
- border-radius: 4px;
- content: "";
- inset: 0;
- opacity: 0;
- pointer-events: none;
- position: absolute;
- transition: opacity 0.15s;
- z-index: 1;
+ border: 2px solid #2d6adf;
+ border-radius: 4px;
+ content: "";
+ inset: 0;
+ opacity: 0;
+ pointer-events: none;
+ position: absolute;
+ transition: opacity 0.15s;
+ z-index: 1;
}
.tox .tox-edit-area__iframe {
- background-color: var(--inputs-background, #fff);
- border: 0;
- box-sizing: border-box;
- flex: 1;
- height: 100%;
- position: absolute;
- width: 100%;
+ background-color: var(--pw-inputs-background, #fff);
+ border: 0;
+ box-sizing: border-box;
+ flex: 1;
+ height: 100%;
+ position: absolute;
+ width: 100%;
}
.tox.tox-edit-focus .tox-edit-area::before {
- opacity: 1;
+ opacity: 1;
}
.tox.tox-inline-edit-area {
- border: 1px dotted var(--border-color, #ccc);
+ border: 1px dotted var(--pw-border-color, #ccc);
}
.tox .tox-editor-container {
- display: flex;
- flex: 1 1 auto;
- flex-direction: column;
- overflow: hidden;
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ overflow: hidden;
}
.tox .tox-editor-header {
- display: grid;
- grid-template-columns: 1fr min-content;
- z-index: 2;
+ display: grid;
+ grid-template-columns: 1fr min-content;
+ z-index: 2;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
- background-color: var(--blocks-background);
- border-bottom: none;
- box-shadow: none;
- padding: 4px 0;
+ background-color: var(--pw-blocks-background);
+ border-bottom: none;
+ box-shadow: none;
+ padding: 4px 0;
}
.tox:not(.tox-tinymce-inline)
- .tox-editor-header:not(.tox-editor-dock-transition) {
- transition: box-shadow 0.5s;
+.tox-editor-header:not(.tox-editor-dock-transition) {
+ transition: box-shadow 0.5s;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
- border-top: 1px solid var(--border-color, #ccc);
- box-shadow: none;
+ border-top: 1px solid var(--pw-border-color, #ccc);
+ box-shadow: none;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on
- .tox-editor-header {
- background-color: var(--blocks-background);
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
- padding: 4px 0;
+.tox-editor-header {
+ background-color: var(--pw-blocks-background);
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+ padding: 4px 0;
}
.tox:not(
.tox-tinymce-inline
).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom
- .tox-editor-header {
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+.tox-editor-header {
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
}
.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
- background: 0 0;
- border: none;
- box-shadow: none;
- padding: 0;
+ background: 0 0;
+ border: none;
+ box-shadow: none;
+ padding: 0;
}
.tox-editor-dock-fadeout {
- opacity: 0;
- visibility: hidden;
+ opacity: 0;
+ visibility: hidden;
}
.tox-editor-dock-fadein {
- opacity: 1;
- visibility: visible;
+ opacity: 1;
+ visibility: visible;
}
.tox-editor-dock-transition {
- transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+ transition: visibility 0s linear 0.25s, opacity 0.25s ease;
}
.tox-editor-dock-transition.tox-editor-dock-fadein {
- transition-delay: 0s;
+ transition-delay: 0s;
}
.tox .tox-control-wrap {
- flex: 1;
- position: relative;
+ flex: 1;
+ position: relative;
}
.tox
- .tox-control-wrap:not(.tox-control-wrap--status-invalid)
- .tox-control-wrap__status-icon-invalid,
+.tox-control-wrap:not(.tox-control-wrap--status-invalid)
+.tox-control-wrap__status-icon-invalid,
.tox
- .tox-control-wrap:not(.tox-control-wrap--status-unknown)
- .tox-control-wrap__status-icon-unknown,
+.tox-control-wrap:not(.tox-control-wrap--status-unknown)
+.tox-control-wrap__status-icon-unknown,
.tox
- .tox-control-wrap:not(.tox-control-wrap--status-valid)
- .tox-control-wrap__status-icon-valid {
- display: none;
+.tox-control-wrap:not(.tox-control-wrap--status-valid)
+.tox-control-wrap__status-icon-valid {
+ display: none;
}
.tox .tox-control-wrap svg {
- display: block;
+ display: block;
}
.tox .tox-control-wrap__status-icon-wrap {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
}
.tox .tox-control-wrap__status-icon-invalid svg {
- fill: #c00;
+ fill: #c00;
}
.tox .tox-control-wrap__status-icon-unknown svg {
- fill: orange;
+ fill: orange;
}
.tox .tox-control-wrap__status-icon-valid svg {
- fill: green;
+ fill: green;
}
.tox:not([dir="rtl"]) .tox-control-wrap--status-invalid .tox-textfield,
.tox:not([dir="rtl"]) .tox-control-wrap--status-unknown .tox-textfield,
.tox:not([dir="rtl"]) .tox-control-wrap--status-valid .tox-textfield {
- padding-right: 32px;
+ padding-right: 32px;
}
.tox:not([dir="rtl"]) .tox-control-wrap__status-icon-wrap {
- right: 4px;
+ right: 4px;
}
.tox[dir="rtl"] .tox-control-wrap--status-invalid .tox-textfield,
.tox[dir="rtl"] .tox-control-wrap--status-unknown .tox-textfield,
.tox[dir="rtl"] .tox-control-wrap--status-valid .tox-textfield {
- padding-left: 32px;
+ padding-left: 32px;
}
.tox[dir="rtl"] .tox-control-wrap__status-icon-wrap {
- left: 4px;
+ left: 4px;
}
.tox .tox-autocompleter {
- max-width: 25em;
+ max-width: 25em;
}
.tox .tox-autocompleter .tox-menu {
- box-sizing: border-box;
- max-width: 25em;
+ box-sizing: border-box;
+ max-width: 25em;
}
.tox .tox-autocompleter .tox-autocompleter-highlight {
- font-weight: 700;
+ font-weight: 700;
}
.tox .tox-color-input {
- display: flex;
- position: relative;
- z-index: 1;
+ display: flex;
+ position: relative;
+ z-index: 1;
}
.tox .tox-color-input .tox-textfield {
- z-index: -1;
+ z-index: -1;
}
.tox .tox-color-input span {
- border-color: rgba(34, 47, 62, 0.2);
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: none;
- box-sizing: border-box;
- height: 24px;
- position: absolute;
- top: 6px;
- width: 24px;
+ border-color: rgba(34, 47, 62, 0.2);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: none;
+ box-sizing: border-box;
+ height: 24px;
+ position: absolute;
+ top: 6px;
+ width: 24px;
}
.tox .tox-color-input span:focus:not([aria-disabled="true"]),
.tox .tox-color-input span:hover:not([aria-disabled="true"]) {
- border-color: #207ab7;
- cursor: pointer;
+ border-color: #207ab7;
+ cursor: pointer;
}
.tox .tox-color-input span::before {
- background-image: linear-gradient(
- 45deg,
- rgba(0, 0, 0, 0.25) 25%,
- transparent 25%
- ),
- linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
- linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
- linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
- background-position: 0 0, 0 6px, 6px -6px, -6px 0;
- background-size: 12px 12px;
- border: 1px solid #fff;
- border-radius: 3px;
- box-sizing: border-box;
- content: "";
- height: 24px;
- left: -1px;
- position: absolute;
- top: -1px;
- width: 24px;
- z-index: -1;
+ background-image: linear-gradient(
+ 45deg,
+ rgba(0, 0, 0, 0.25) 25%,
+ transparent 25%
+ ),
+ linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
+ linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+ background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+ background-size: 12px 12px;
+ border: 1px solid #fff;
+ border-radius: 3px;
+ box-sizing: border-box;
+ content: "";
+ height: 24px;
+ left: -1px;
+ position: absolute;
+ top: -1px;
+ width: 24px;
+ z-index: -1;
}
.tox .tox-color-input span[aria-disabled="true"] {
- cursor: not-allowed;
+ cursor: not-allowed;
}
.tox:not([dir="rtl"]) .tox-color-input .tox-textfield {
- padding-left: 36px;
+ padding-left: 36px;
}
.tox:not([dir="rtl"]) .tox-color-input span {
- left: 6px;
+ left: 6px;
}
.tox[dir="rtl"] .tox-color-input .tox-textfield {
- padding-right: 36px;
+ padding-right: 36px;
}
.tox[dir="rtl"] .tox-color-input span {
- right: 6px;
+ right: 6px;
}
.tox .tox-label,
.tox .tox-toolbar-label {
- color: var(--text-color, rgba(34, 47, 62, 0.7));
- display: block;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- line-height: 1.3;
- padding: 0 8px 0 0;
- text-transform: none;
- white-space: nowrap;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.7));
+ display: block;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.3;
+ padding: 0 8px 0 0;
+ text-transform: none;
+ white-space: nowrap;
}
.tox .tox-toolbar-label {
- padding: 0 8px;
+ padding: 0 8px;
}
.tox[dir="rtl"] .tox-label {
- padding: 0 0 0 8px;
+ padding: 0 0 0 8px;
}
.tox .tox-form {
- display: flex;
- flex: 1;
- flex-direction: column;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
}
.tox .tox-form__group {
- box-sizing: border-box;
- margin-bottom: 4px;
+ box-sizing: border-box;
+ margin-bottom: 4px;
}
.tox .tox-form-group--maximize {
- flex: 1;
+ flex: 1;
}
.tox .tox-form__group--error {
- color: #c00;
+ color: #c00;
}
.tox .tox-form__group--collection {
- display: flex;
+ display: flex;
}
.tox .tox-form__grid {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-between;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-between;
}
.tox .tox-form__grid--2col > .tox-form__group {
- width: calc(50% - (8px / 2));
+ width: calc(50% - (8px / 2));
}
.tox .tox-form__grid--3col > .tox-form__group {
- width: calc(100% / 3 - (8px / 2));
+ width: calc(100% / 3 - (8px / 2));
}
.tox .tox-form__grid--4col > .tox-form__group {
- width: calc(25% - (8px / 2));
+ width: calc(25% - (8px / 2));
}
.tox .tox-form__controls-h-stack {
- align-items: center;
- display: flex;
+ align-items: center;
+ display: flex;
}
.tox .tox-form__group--inline {
- align-items: center;
- display: flex;
+ align-items: center;
+ display: flex;
}
.tox .tox-form__group--stretched {
- display: flex;
- flex: 1;
- flex-direction: column;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
}
.tox .tox-form__group--stretched .tox-textarea {
- flex: 1;
+ flex: 1;
}
.tox .tox-form__group--stretched .tox-navobj {
- display: flex;
- flex: 1;
+ display: flex;
+ flex: 1;
}
.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
- flex: 1;
- height: 100%;
+ flex: 1;
+ height: 100%;
}
.tox:not([dir="rtl"]) .tox-form__controls-h-stack > :not(:first-child) {
- margin-left: 4px;
+ margin-left: 4px;
}
.tox[dir="rtl"] .tox-form__controls-h-stack > :not(:first-child) {
- margin-right: 4px;
+ margin-right: 4px;
}
.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
- display: none;
+ display: none;
}
.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-textarea,
.tox .tox-textarea-wrap .tox-textarea:focus,
.tox .tox-textfield,
.tox .tox-toolbar-textfield {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: var(--blocks-background);
- border-color: var(--border-color, #ccc);
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: none;
- box-sizing: border-box;
- color: var(--text-color, #222f3e);
- font-family: "Inter", system-ui, sans-serif;
- font-size: 16px;
- line-height: 24px;
- margin: 0;
- min-height: 34px;
- outline: 0;
- padding: 5px 4.75px;
- resize: none;
- width: 100%;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--pw-blocks-background);
+ border-color: var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: none;
+ box-sizing: border-box;
+ color: var(--pw-text-color, #222f3e);
+ font-family: "Inter", system-ui, sans-serif;
+ font-size: 16px;
+ line-height: 24px;
+ margin: 0;
+ min-height: 34px;
+ outline: 0;
+ padding: 5px 4.75px;
+ resize: none;
+ width: 100%;
}
.tox .tox-textarea[disabled],
.tox .tox-textfield[disabled] {
- background-color: #f2f2f2;
- color: rgba(34, 47, 62, 0.85);
- cursor: not-allowed;
+ background-color: #f2f2f2;
+ color: rgba(34, 47, 62, 0.85);
+ cursor: not-allowed;
}
.tox .tox-custom-editor:focus-within,
.tox .tox-listboxfield .tox-listbox--select:focus,
.tox .tox-textarea-wrap:focus-within,
.tox .tox-textarea:focus,
.tox .tox-textfield:focus {
- background-color: var(--blocks-background);
- border-color: #207ab7;
- box-shadow: none;
- outline: 2px solid rgba(32, 122, 183, 0.25);
+ background-color: var(--pw-blocks-background);
+ border-color: #207ab7;
+ box-shadow: none;
+ outline: 2px solid rgba(32, 122, 183, 0.25);
}
.tox .tox-toolbar-textfield {
- border-width: 0;
- margin-bottom: 3px;
- margin-top: 2px;
- max-width: 250px;
+ border-width: 0;
+ margin-bottom: 3px;
+ margin-top: 2px;
+ max-width: 250px;
}
.tox .tox-naked-btn {
- background-color: transparent;
- border: 0;
- border-color: transparent;
- box-shadow: unset;
- color: #207ab7;
- cursor: pointer;
- display: block;
- margin: 0;
- padding: 0;
+ background-color: transparent;
+ border: 0;
+ border-color: transparent;
+ box-shadow: unset;
+ color: #207ab7;
+ cursor: pointer;
+ display: block;
+ margin: 0;
+ padding: 0;
}
.tox .tox-naked-btn svg {
- display: block;
- fill: var(--text-color, #222f3e);
+ display: block;
+ fill: var(--pw-text-color, #222f3e);
}
.tox:not([dir="rtl"]) .tox-toolbar-textfield + * {
- margin-left: 4px;
+ margin-left: 4px;
}
.tox[dir="rtl"] .tox-toolbar-textfield + * {
- margin-right: 4px;
+ margin-right: 4px;
}
.tox .tox-listboxfield {
- cursor: pointer;
- position: relative;
+ cursor: pointer;
+ position: relative;
}
.tox .tox-listboxfield .tox-listbox--select[disabled] {
- background-color: #f2f2f2;
- color: rgba(34, 47, 62, 0.85);
- cursor: not-allowed;
+ background-color: #f2f2f2;
+ color: rgba(34, 47, 62, 0.85);
+ cursor: not-allowed;
}
.tox .tox-listbox__select-label {
- cursor: default;
- flex: 1;
- margin: 0 4px;
+ cursor: default;
+ flex: 1;
+ margin: 0 4px;
}
.tox .tox-listbox__select-chevron {
- align-items: center;
- display: flex;
- justify-content: center;
- width: 16px;
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ width: 16px;
}
.tox .tox-listbox__select-chevron svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-listboxfield .tox-listbox--select {
- align-items: center;
- display: flex;
+ align-items: center;
+ display: flex;
}
.tox:not([dir="rtl"]) .tox-listboxfield svg {
- right: 8px;
+ right: 8px;
}
.tox[dir="rtl"] .tox-listboxfield svg {
- left: 8px;
+ left: 8px;
}
.tox .tox-selectfield {
- cursor: pointer;
- position: relative;
+ cursor: pointer;
+ position: relative;
}
.tox .tox-selectfield select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: var(--blocks-background);
- border-color: var(--border-color, #ccc);
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: none;
- box-sizing: border-box;
- color: var(--text-color, #222f3e);
- font-family: "Inter", system-ui, sans-serif;
- font-size: 16px;
- line-height: 24px;
- margin: 0;
- min-height: 34px;
- outline: 0;
- padding: 5px 4.75px;
- resize: none;
- width: 100%;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--pw-blocks-background);
+ border-color: var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: none;
+ box-sizing: border-box;
+ color: var(--pw-text-color, #222f3e);
+ font-family: "Inter", system-ui, sans-serif;
+ font-size: 16px;
+ line-height: 24px;
+ margin: 0;
+ min-height: 34px;
+ outline: 0;
+ padding: 5px 4.75px;
+ resize: none;
+ width: 100%;
}
.tox .tox-selectfield select[disabled] {
- background-color: #f2f2f2;
- color: rgba(34, 47, 62, 0.85);
- cursor: not-allowed;
+ background-color: #f2f2f2;
+ color: rgba(34, 47, 62, 0.85);
+ cursor: not-allowed;
}
.tox .tox-selectfield select::-ms-expand {
- display: none;
+ display: none;
}
.tox .tox-selectfield select:focus {
- background-color: var(--blocks-background);
- border-color: #207ab7;
- box-shadow: none;
- outline: 2px solid rgba(32, 122, 183, 0.25);
+ background-color: var(--pw-blocks-background);
+ border-color: #207ab7;
+ box-shadow: none;
+ outline: 2px solid rgba(32, 122, 183, 0.25);
}
.tox .tox-selectfield svg {
- pointer-events: none;
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
+ pointer-events: none;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
}
.tox:not([dir="rtl"]) .tox-selectfield select[size="0"],
.tox:not([dir="rtl"]) .tox-selectfield select[size="1"] {
- padding-right: 24px;
+ padding-right: 24px;
}
.tox:not([dir="rtl"]) .tox-selectfield svg {
- right: 8px;
+ right: 8px;
}
.tox[dir="rtl"] .tox-selectfield select[size="0"],
.tox[dir="rtl"] .tox-selectfield select[size="1"] {
- padding-left: 24px;
+ padding-left: 24px;
}
.tox[dir="rtl"] .tox-selectfield svg {
- left: 8px;
+ left: 8px;
}
.tox .tox-textarea-wrap {
- border-color: var(--border-color, #ccc);
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- display: flex;
- flex: 1;
- overflow: hidden;
+ border-color: var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ display: flex;
+ flex: 1;
+ overflow: hidden;
}
.tox .tox-textarea {
- -webkit-appearance: textarea;
- -moz-appearance: textarea;
- appearance: textarea;
- white-space: pre-wrap;
+ -webkit-appearance: textarea;
+ -moz-appearance: textarea;
+ appearance: textarea;
+ white-space: pre-wrap;
}
.tox .tox-textarea-wrap .tox-textarea {
- border: none;
+ border: none;
}
.tox .tox-textarea-wrap .tox-textarea:focus {
- border: none;
+ border: none;
}
.tox-fullscreen {
- border: 0;
- height: 100%;
- margin: 0;
- overflow: hidden;
- overscroll-behavior: none;
- padding: 0;
- touch-action: pinch-zoom;
- width: 100%;
+ border: 0;
+ height: 100%;
+ margin: 0;
+ overflow: hidden;
+ overscroll-behavior: none;
+ padding: 0;
+ touch-action: pinch-zoom;
+ width: 100%;
}
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
- display: none;
+ display: none;
}
.tox-shadowhost.tox-fullscreen,
.tox.tox-tinymce.tox-fullscreen {
- left: 0;
- position: fixed;
- top: 0;
- z-index: 1200;
+ left: 0;
+ position: fixed;
+ top: 0;
+ z-index: 1200;
}
.tox.tox-tinymce.tox-fullscreen {
- background-color: transparent;
+ background-color: transparent;
}
.tox-fullscreen .tox.tox-tinymce-aux,
.tox-fullscreen ~ .tox.tox-tinymce-aux {
- z-index: 1201;
+ z-index: 1201;
}
.tox .tox-help__more-link {
- list-style: none;
- margin-top: 1em;
+ list-style: none;
+ margin-top: 1em;
}
.tox .tox-imagepreview {
- background-color: #666;
- height: 380px;
- overflow: hidden;
- position: relative;
- width: 100%;
+ background-color: #666;
+ height: 380px;
+ overflow: hidden;
+ position: relative;
+ width: 100%;
}
.tox .tox-imagepreview.tox-imagepreview__loaded {
- overflow: auto;
+ overflow: auto;
}
.tox .tox-imagepreview__container {
- display: flex;
- left: 100vw;
- position: absolute;
- top: 100vw;
+ display: flex;
+ left: 100vw;
+ position: absolute;
+ top: 100vw;
}
.tox .tox-imagepreview__image {
- background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+ background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
}
.tox .tox-image-tools .tox-spacer {
- flex: 1;
+ flex: 1;
}
.tox .tox-image-tools .tox-bar {
- align-items: center;
- display: flex;
- height: 60px;
- justify-content: center;
+ align-items: center;
+ display: flex;
+ height: 60px;
+ justify-content: center;
}
.tox .tox-image-tools .tox-imagepreview,
.tox .tox-image-tools .tox-imagepreview + .tox-bar {
- margin-top: 8px;
+ margin-top: 8px;
}
.tox .tox-image-tools .tox-croprect-block {
- background: #000;
- opacity: 0.5;
- position: absolute;
- zoom: 1;
+ background: #000;
+ opacity: 0.5;
+ position: absolute;
+ zoom: 1;
}
.tox .tox-image-tools .tox-croprect-handle {
- border: 2px solid #fff;
- height: 20px;
- left: 0;
- position: absolute;
- top: 0;
- width: 20px;
+ border: 2px solid #fff;
+ height: 20px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 20px;
}
.tox .tox-image-tools .tox-croprect-handle-move {
- border: 0;
- cursor: move;
- position: absolute;
+ border: 0;
+ cursor: move;
+ position: absolute;
}
.tox .tox-image-tools .tox-croprect-handle-nw {
- border-width: 2px 0 0 2px;
- cursor: nw-resize;
- left: 100px;
- margin: -2px 0 0 -2px;
- top: 100px;
+ border-width: 2px 0 0 2px;
+ cursor: nw-resize;
+ left: 100px;
+ margin: -2px 0 0 -2px;
+ top: 100px;
}
.tox .tox-image-tools .tox-croprect-handle-ne {
- border-width: 2px 2px 0 0;
- cursor: ne-resize;
- left: 200px;
- margin: -2px 0 0 -20px;
- top: 100px;
+ border-width: 2px 2px 0 0;
+ cursor: ne-resize;
+ left: 200px;
+ margin: -2px 0 0 -20px;
+ top: 100px;
}
.tox .tox-image-tools .tox-croprect-handle-sw {
- border-width: 0 0 2px 2px;
- cursor: sw-resize;
- left: 100px;
- margin: -20px 2px 0 -2px;
- top: 200px;
+ border-width: 0 0 2px 2px;
+ cursor: sw-resize;
+ left: 100px;
+ margin: -20px 2px 0 -2px;
+ top: 200px;
}
.tox .tox-image-tools .tox-croprect-handle-se {
- border-width: 0 2px 2px 0;
- cursor: se-resize;
- left: 200px;
- margin: -20px 0 0 -20px;
- top: 200px;
+ border-width: 0 2px 2px 0;
+ cursor: se-resize;
+ left: 200px;
+ margin: -20px 0 0 -20px;
+ top: 200px;
}
.tox .tox-insert-table-picker {
- display: flex;
- flex-wrap: wrap;
- width: 170px;
+ display: flex;
+ flex-wrap: wrap;
+ width: 170px;
}
.tox .tox-insert-table-picker > div {
- border-color: var(--border-color, #ccc);
- border-style: solid;
- border-width: 0 1px 1px 0;
- box-sizing: border-box;
- height: 17px;
- width: 17px;
+ border-color: var(--pw-border-color, #ccc);
+ border-style: solid;
+ border-width: 0 1px 1px 0;
+ box-sizing: border-box;
+ height: 17px;
+ width: 17px;
}
.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
- margin: 0 -4px;
+ margin: 0 -4px;
}
.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
- background-color: rgba(32, 122, 183, 0.5);
- border-color: rgba(32, 122, 183, 0.5);
+ background-color: rgba(32, 122, 183, 0.5);
+ border-color: rgba(32, 122, 183, 0.5);
}
.tox .tox-insert-table-picker__label {
- color: var(--muted-color, rgba(34, 47, 62, 0.7));
- display: block;
- font-size: 14px;
- padding: 4px;
- text-align: center;
- width: 100%;
+ color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ display: block;
+ font-size: 14px;
+ padding: 4px;
+ text-align: center;
+ width: 100%;
}
.tox:not([dir="rtl"]) .tox-insert-table-picker > div:nth-child(10n) {
- border-right: 0;
+ border-right: 0;
}
.tox[dir="rtl"] .tox-insert-table-picker > div:nth-child(10n + 1) {
- border-right: 0;
+ border-right: 0;
}
.tox .tox-menu {
- background-color: var(--blocks-background);
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
- display: inline-block;
- overflow: hidden;
- vertical-align: top;
- z-index: 1150;
+ background-color: var(--pw-blocks-background);
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+ display: inline-block;
+ overflow: hidden;
+ vertical-align: top;
+ z-index: 1150;
}
.tox .tox-menu.tox-collection.tox-collection--list {
- padding: 0 0;
+ padding: 0 0;
}
.tox .tox-menu.tox-collection.tox-collection--toolbar {
- padding: 4px;
+ padding: 4px;
}
.tox .tox-menu.tox-collection.tox-collection--grid {
- padding: 4px;
+ padding: 4px;
}
@media only screen and (min-width: 768px) {
- .tox .tox-menu .tox-collection__item-label {
- overflow-wrap: break-word;
- word-break: normal;
- }
- .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
- word-break: break-all;
- }
+ .tox .tox-menu .tox-collection__item-label {
+ overflow-wrap: break-word;
+ word-break: normal;
+ }
+ .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+ word-break: break-all;
+ }
}
.tox .tox-menu__label blockquote,
.tox .tox-menu__label code,
@@ -2532,555 +2532,555 @@ body.tox-dialog__disable-scroll {
.tox .tox-menu__label h5,
.tox .tox-menu__label h6,
.tox .tox-menu__label p {
- margin: 0;
+ margin: 0;
}
.tox .tox-menubar {
- background-color: var(--blocks-background, #fff);
- display: flex;
- flex: 0 0 auto;
- flex-shrink: 0;
- flex-wrap: wrap;
- grid-column: 1/-1;
- grid-row: 1;
- padding: 0 4px 0 4px;
+ background-color: var(--pw-blocks-background, #fff);
+ display: flex;
+ flex: 0 0 auto;
+ flex-shrink: 0;
+ flex-wrap: wrap;
+ grid-column: 1/-1;
+ grid-row: 1;
+ padding: 0 4px 0 4px;
}
.tox .tox-promotion + .tox-menubar {
- grid-column: 1;
+ grid-column: 1;
}
.tox .tox-promotion {
- background-color: var(--blocks-background, #fff);
- grid-column: 2;
- grid-row: 1;
- padding-inline-end: 8px;
- padding-inline-start: 4px;
- padding-top: 5px;
+ background-color: var(--pw-blocks-background, #fff);
+ grid-column: 2;
+ grid-row: 1;
+ padding-inline-end: 8px;
+ padding-inline-start: 4px;
+ padding-top: 5px;
}
.tox .tox-promotion-link {
- align-items: unsafe center;
- background-color: var(--inputs-background, #e8f1f8);
- border-radius: 5px;
- color: var(--main-color, #086be6);
- cursor: pointer;
- display: flex;
- font-size: 14px;
- height: 26.6px;
- padding: 4px 8px;
- white-space: nowrap;
+ align-items: unsafe center;
+ background-color: var(--pw-inputs-background, #e8f1f8);
+ border-radius: 5px;
+ color: var(--pw-main-color, #086be6);
+ cursor: pointer;
+ display: flex;
+ font-size: 14px;
+ height: 26.6px;
+ padding: 4px 8px;
+ white-space: nowrap;
}
.tox .tox-mbtn {
- align-items: center;
- background: 0 0;
- border: 0;
- border-radius: 3px;
- box-shadow: none;
- color: var(--text-color, #222f3e);
- display: flex;
- flex: 0 0 auto;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- height: 34px;
- justify-content: center;
- margin: 2px 0 3px 0;
- outline: 0;
- overflow: hidden;
- padding: 0 4px;
- text-transform: none;
- width: auto;
+ align-items: center;
+ background: 0 0;
+ border: 0;
+ border-radius: 3px;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ flex: 0 0 auto;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ height: 34px;
+ justify-content: center;
+ margin: 2px 0 3px 0;
+ outline: 0;
+ overflow: hidden;
+ padding: 0 4px;
+ text-transform: none;
+ width: auto;
}
.tox .tox-mbtn[disabled] {
- background-color: transparent;
- border: 0;
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
- cursor: not-allowed;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
+ cursor: not-allowed;
}
.tox .tox-mbtn:focus:not(:disabled) {
- background: var(--inputs-background, #dee0e2);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #dee0e2);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-mbtn--active {
- background: var(--inputs-background, #c8cbcf);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #c8cbcf);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
- background: var(--inputs-background, #dee0e2);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #dee0e2);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-mbtn__select-label {
- cursor: default;
- font-weight: 400;
- margin: 0 4px;
+ cursor: default;
+ font-weight: 400;
+ margin: 0 4px;
}
.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
- cursor: not-allowed;
+ cursor: not-allowed;
}
.tox .tox-mbtn__select-chevron {
- align-items: center;
- display: flex;
- justify-content: center;
- width: 16px;
- display: none;
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ width: 16px;
+ display: none;
}
.tox .tox-notification {
- border-radius: 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: none;
- box-sizing: border-box;
- display: grid;
- font-size: 14px;
- font-weight: 400;
- grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
- margin-top: 4px;
- opacity: 0;
- padding: 4px;
- transition: transform 0.1s ease-in, opacity 150ms ease-in;
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: none;
+ box-sizing: border-box;
+ display: grid;
+ font-size: 14px;
+ font-weight: 400;
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+ margin-top: 4px;
+ opacity: 0;
+ padding: 4px;
+ transition: transform 0.1s ease-in, opacity 150ms ease-in;
}
.tox .tox-notification p {
- font-size: 14px;
- font-weight: 400;
+ font-size: 14px;
+ font-weight: 400;
}
.tox .tox-notification a {
- cursor: pointer;
- text-decoration: underline;
+ cursor: pointer;
+ text-decoration: underline;
}
.tox .tox-notification--in {
- opacity: 1;
+ opacity: 1;
}
.tox .tox-notification--success {
- background-color: #e4eeda;
- border-color: #d7e6c8;
- color: var(--text-color, #222f3e);
+ background-color: #e4eeda;
+ border-color: #d7e6c8;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--success p {
- color: var(--text-color, #222f3e);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--success a {
- color: #517342;
+ color: #517342;
}
.tox .tox-notification--success svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--error {
- background-color: #f5cccc;
- border-color: #f0b3b3;
- color: var(--text-color, #222f3e);
+ background-color: #f5cccc;
+ border-color: #f0b3b3;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--error p {
- color: var(--text-color, #222f3e);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--error a {
- color: #77181f;
+ color: #77181f;
}
.tox .tox-notification--error svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--warn,
.tox .tox-notification--warning {
- background-color: var(--blocks-background) 5cc;
- border-color: var(--blocks-background) 0b3;
- color: var(--text-color, #222f3e);
+ background-color: var(--pw-blocks-background) 5cc;
+ border-color: var(--pw-blocks-background) 0b3;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--warn p,
.tox .tox-notification--warning p {
- color: var(--text-color, #222f3e);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--warn a,
.tox .tox-notification--warning a {
- color: #7a6e25;
+ color: #7a6e25;
}
.tox .tox-notification--warn svg,
.tox .tox-notification--warning svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--info {
- background-color: #d6e7fb;
- border-color: #c1dbf9;
- color: var(--text-color, #222f3e);
+ background-color: #d6e7fb;
+ border-color: #c1dbf9;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--info p {
- color: var(--text-color, #222f3e);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-notification--info a {
- color: #2a64a6;
+ color: #2a64a6;
}
.tox .tox-notification--info svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-notification__body {
- align-self: center;
- color: var(--text-color, #222f3e);
- font-size: 14px;
- grid-column-end: 3;
- grid-column-start: 2;
- grid-row-end: 2;
- grid-row-start: 1;
- text-align: center;
- white-space: normal;
- word-break: break-all;
- word-break: break-word;
+ align-self: center;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 14px;
+ grid-column-end: 3;
+ grid-column-start: 2;
+ grid-row-end: 2;
+ grid-row-start: 1;
+ text-align: center;
+ white-space: normal;
+ word-break: break-all;
+ word-break: break-word;
}
.tox .tox-notification__body > * {
- margin: 0;
+ margin: 0;
}
.tox .tox-notification__body > * + * {
- margin-top: 1rem;
+ margin-top: 1rem;
}
.tox .tox-notification__icon {
- align-self: center;
- grid-column-end: 2;
- grid-column-start: 1;
- grid-row-end: 2;
- grid-row-start: 1;
- justify-self: end;
+ align-self: center;
+ grid-column-end: 2;
+ grid-column-start: 1;
+ grid-row-end: 2;
+ grid-row-start: 1;
+ justify-self: end;
}
.tox .tox-notification__icon svg {
- display: block;
+ display: block;
}
.tox .tox-notification__dismiss {
- align-self: start;
- grid-column-end: 4;
- grid-column-start: 3;
- grid-row-end: 2;
- grid-row-start: 1;
- justify-self: end;
+ align-self: start;
+ grid-column-end: 4;
+ grid-column-start: 3;
+ grid-row-end: 2;
+ grid-row-start: 1;
+ justify-self: end;
}
.tox .tox-notification .tox-progress-bar {
- grid-column-end: 4;
- grid-column-start: 1;
- grid-row-end: 3;
- grid-row-start: 2;
- justify-self: center;
+ grid-column-end: 4;
+ grid-column-start: 1;
+ grid-row-end: 3;
+ grid-row-start: 2;
+ justify-self: center;
}
.tox .tox-pop {
- display: inline-block;
- position: relative;
+ display: inline-block;
+ position: relative;
}
.tox .tox-pop--resizing {
- transition: width 0.1s ease;
+ transition: width 0.1s ease;
}
.tox .tox-pop--resizing .tox-toolbar,
.tox .tox-pop--resizing .tox-toolbar__group {
- flex-wrap: nowrap;
+ flex-wrap: nowrap;
}
.tox .tox-pop--transition {
- transition: 0.15s ease;
- transition-property: left, right, top, bottom;
+ transition: 0.15s ease;
+ transition-property: left, right, top, bottom;
}
.tox .tox-pop--transition::after,
.tox .tox-pop--transition::before {
- transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms;
+ transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms;
}
.tox .tox-pop__dialog {
- background-color: var(--blocks-background);
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
- 0 4px 8px 0 rgba(34, 47, 62, 0.15);
- min-width: 0;
- overflow: hidden;
+ background-color: var(--pw-blocks-background);
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+ min-width: 0;
+ overflow: hidden;
}
.tox .tox-pop__dialog > :not(.tox-toolbar) {
- margin: 4px 4px 4px 8px;
+ margin: 4px 4px 4px 8px;
}
.tox .tox-pop__dialog .tox-toolbar {
- background-color: transparent;
- margin-bottom: -1px;
+ background-color: transparent;
+ margin-bottom: -1px;
}
.tox .tox-pop::after,
.tox .tox-pop::before {
- border-style: solid;
- content: "";
- display: block;
- height: 0;
- opacity: 1;
- position: absolute;
- width: 0;
+ border-style: solid;
+ content: "";
+ display: block;
+ height: 0;
+ opacity: 1;
+ position: absolute;
+ width: 0;
}
.tox .tox-pop.tox-pop--inset::after,
.tox .tox-pop.tox-pop--inset::before {
- opacity: 0;
- transition: all 0s 0.15s, visibility 0s, opacity 75ms ease;
+ opacity: 0;
+ transition: all 0s 0.15s, visibility 0s, opacity 75ms ease;
}
.tox .tox-pop.tox-pop--bottom::after,
.tox .tox-pop.tox-pop--bottom::before {
- left: 50%;
- top: 100%;
+ left: 50%;
+ top: 100%;
}
.tox .tox-pop.tox-pop--bottom::after {
- border-color: var(--blocks-background) transparent transparent transparent;
- border-width: 8px;
- margin-left: -8px;
- margin-top: -1px;
+ border-color: var(--pw-blocks-background) transparent transparent transparent;
+ border-width: 8px;
+ margin-left: -8px;
+ margin-top: -1px;
}
.tox .tox-pop.tox-pop--bottom::before {
- border-color: var(--border-color, #ccc) transparent transparent transparent;
- border-width: 9px;
- margin-left: -9px;
+ border-color: var(--pw-border-color, #ccc) transparent transparent transparent;
+ border-width: 9px;
+ margin-left: -9px;
}
.tox .tox-pop.tox-pop--top::after,
.tox .tox-pop.tox-pop--top::before {
- left: 50%;
- top: 0;
- transform: translateY(-100%);
+ left: 50%;
+ top: 0;
+ transform: translateY(-100%);
}
.tox .tox-pop.tox-pop--top::after {
- border-color: transparent transparent #fff transparent;
- border-width: 8px;
- margin-left: -8px;
- margin-top: 1px;
+ border-color: transparent transparent #fff transparent;
+ border-width: 8px;
+ margin-left: -8px;
+ margin-top: 1px;
}
.tox .tox-pop.tox-pop--top::before {
- border-color: transparent transparent var(--border-color, #ccc) transparent;
- border-width: 9px;
- margin-left: -9px;
+ border-color: transparent transparent var(--pw-border-color, #ccc) transparent;
+ border-width: 9px;
+ margin-left: -9px;
}
.tox .tox-pop.tox-pop--left::after,
.tox .tox-pop.tox-pop--left::before {
- left: 0;
- top: calc(50% - 1px);
- transform: translateY(-50%);
+ left: 0;
+ top: calc(50% - 1px);
+ transform: translateY(-50%);
}
.tox .tox-pop.tox-pop--left::after {
- border-color: transparent #fff transparent transparent;
- border-width: 8px;
- margin-left: -15px;
+ border-color: transparent #fff transparent transparent;
+ border-width: 8px;
+ margin-left: -15px;
}
.tox .tox-pop.tox-pop--left::before {
- border-color: transparent var(--border-color, #ccc) transparent transparent;
- border-width: 10px;
- margin-left: -19px;
+ border-color: transparent var(--pw-border-color, #ccc) transparent transparent;
+ border-width: 10px;
+ margin-left: -19px;
}
.tox .tox-pop.tox-pop--right::after,
.tox .tox-pop.tox-pop--right::before {
- left: 100%;
- top: calc(50% + 1px);
- transform: translateY(-50%);
+ left: 100%;
+ top: calc(50% + 1px);
+ transform: translateY(-50%);
}
.tox .tox-pop.tox-pop--right::after {
- border-color: transparent transparent transparent #fff;
- border-width: 8px;
- margin-left: -1px;
+ border-color: transparent transparent transparent #fff;
+ border-width: 8px;
+ margin-left: -1px;
}
.tox .tox-pop.tox-pop--right::before {
- border-color: transparent transparent transparent var(--border-color, #ccc);
- border-width: 10px;
- margin-left: -1px;
+ border-color: transparent transparent transparent var(--pw-border-color, #ccc);
+ border-width: 10px;
+ margin-left: -1px;
}
.tox .tox-pop.tox-pop--align-left::after,
.tox .tox-pop.tox-pop--align-left::before {
- left: 20px;
+ left: 20px;
}
.tox .tox-pop.tox-pop--align-right::after,
.tox .tox-pop.tox-pop--align-right::before {
- left: calc(100% - 20px);
+ left: calc(100% - 20px);
}
.tox .tox-sidebar-wrap {
- display: flex;
- flex-direction: row;
- flex-grow: 1;
- min-height: 0;
+ display: flex;
+ flex-direction: row;
+ flex-grow: 1;
+ min-height: 0;
}
.tox .tox-sidebar {
- background-color: var(--blocks-background);
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
+ background-color: var(--pw-blocks-background);
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
}
.tox .tox-sidebar__slider {
- display: flex;
- overflow: hidden;
+ display: flex;
+ overflow: hidden;
}
.tox .tox-sidebar__pane-container {
- display: flex;
+ display: flex;
}
.tox .tox-sidebar__pane {
- display: flex;
+ display: flex;
}
.tox .tox-sidebar--sliding-closed {
- opacity: 0;
+ opacity: 0;
}
.tox .tox-sidebar--sliding-open {
- opacity: 1;
+ opacity: 1;
}
.tox .tox-sidebar--sliding-growing,
.tox .tox-sidebar--sliding-shrinking {
- transition: width 0.5s ease, opacity 0.5s ease;
+ transition: width 0.5s ease, opacity 0.5s ease;
}
.tox .tox-selector {
- background-color: #4099ff;
- border-color: #4099ff;
- border-style: solid;
- border-width: 1px;
- box-sizing: border-box;
- display: inline-block;
- height: 10px;
- position: absolute;
- width: 10px;
+ background-color: #4099ff;
+ border-color: #4099ff;
+ border-style: solid;
+ border-width: 1px;
+ box-sizing: border-box;
+ display: inline-block;
+ height: 10px;
+ position: absolute;
+ width: 10px;
}
.tox.tox-platform-touch .tox-selector {
- height: 12px;
- width: 12px;
+ height: 12px;
+ width: 12px;
}
.tox .tox-slider {
- align-items: center;
- display: flex;
- flex: 1;
- height: 24px;
- justify-content: center;
- position: relative;
+ align-items: center;
+ display: flex;
+ flex: 1;
+ height: 24px;
+ justify-content: center;
+ position: relative;
}
.tox .tox-slider__rail {
- background-color: transparent;
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- height: 10px;
- min-width: 120px;
- width: 100%;
+ background-color: transparent;
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ height: 10px;
+ min-width: 120px;
+ width: 100%;
}
.tox .tox-slider__handle {
- background-color: #207ab7;
- border: 2px solid #185d8c;
- border-radius: 3px;
- box-shadow: none;
- height: 24px;
- left: 50%;
- position: absolute;
- top: 50%;
- transform: translateX(-50%) translateY(-50%);
- width: 14px;
+ background-color: #207ab7;
+ border: 2px solid #185d8c;
+ border-radius: 3px;
+ box-shadow: none;
+ height: 24px;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ width: 14px;
}
.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
- margin-inline-start: 8px;
+ margin-inline-start: 8px;
}
.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
- margin-inline-start: 32px;
+ margin-inline-start: 32px;
}
.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
- margin-inline-start: 32px;
+ margin-inline-start: 32px;
}
.tox .tox-source-code {
- overflow: auto;
+ overflow: auto;
}
.tox .tox-spinner {
- display: flex;
+ display: flex;
}
.tox .tox-spinner > div {
- animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
- background-color: var(--muted-color, rgba(34, 47, 62, 0.7));
- border-radius: 100%;
- height: 8px;
- width: 8px;
+ animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+ background-color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ border-radius: 100%;
+ height: 8px;
+ width: 8px;
}
.tox .tox-spinner > div:nth-child(1) {
- animation-delay: -0.32s;
+ animation-delay: -0.32s;
}
.tox .tox-spinner > div:nth-child(2) {
- animation-delay: -0.16s;
+ animation-delay: -0.16s;
}
@keyframes tam-bouncing-dots {
- 0%,
- 100%,
- 80% {
- transform: scale(0);
- }
- 40% {
- transform: scale(1);
- }
+ 0%,
+ 100%,
+ 80% {
+ transform: scale(0);
+ }
+ 40% {
+ transform: scale(1);
+ }
}
.tox:not([dir="rtl"]) .tox-spinner > div:not(:first-child) {
- margin-left: 4px;
+ margin-left: 4px;
}
.tox[dir="rtl"] .tox-spinner > div:not(:first-child) {
- margin-right: 4px;
+ margin-right: 4px;
}
.tox .tox-statusbar {
- align-items: center;
- background-color: var(--blocks-background, #fff);
- border-top: 1px solid var(--border-color, #ccc);
- color: var(--muted-color, rgba(34, 47, 62, 0.7));
- display: flex;
- flex: 0 0 auto;
- font-size: 12px;
- font-weight: 400;
- height: 18px;
- overflow: hidden;
- padding: 0 8px;
- position: relative;
- text-transform: uppercase;
+ align-items: center;
+ background-color: var(--pw-blocks-background, #fff);
+ border-top: 1px solid var(--pw-border-color, #ccc);
+ color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ display: flex;
+ flex: 0 0 auto;
+ font-size: 12px;
+ font-weight: 400;
+ height: 18px;
+ overflow: hidden;
+ padding: 0 8px;
+ position: relative;
+ text-transform: uppercase;
}
.tox .tox-statusbar__path {
- display: flex;
- flex: 1 1 auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ display: flex;
+ flex: 1 1 auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.tox .tox-statusbar__right-container {
- display: flex;
- justify-content: flex-end;
- white-space: nowrap;
+ display: flex;
+ justify-content: flex-end;
+ white-space: nowrap;
}
.tox .tox-statusbar__help-text {
- text-align: center;
+ text-align: center;
}
.tox .tox-statusbar__text-container {
- display: flex;
- flex: 1 1 auto;
- justify-content: space-between;
- overflow: hidden;
+ display: flex;
+ flex: 1 1 auto;
+ justify-content: space-between;
+ overflow: hidden;
}
@media only screen and (min-width: 768px) {
- .tox
- .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
- > .tox-statusbar__help-text,
- .tox
- .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
- > .tox-statusbar__path,
- .tox
- .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
- > .tox-statusbar__right-container {
- flex: 0 0 calc(100% / 3);
- }
+ .tox
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
+ > .tox-statusbar__help-text,
+ .tox
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
+ > .tox-statusbar__path,
+ .tox
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
+ > .tox-statusbar__right-container {
+ flex: 0 0 calc(100% / 3);
+ }
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
- justify-content: flex-end;
+ justify-content: flex-end;
}
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
- justify-content: flex-start;
+ justify-content: flex-start;
}
.tox
- .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
- justify-content: space-around;
+.tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+ justify-content: space-around;
}
.tox .tox-statusbar__path > * {
- display: inline;
- white-space: nowrap;
+ display: inline;
+ white-space: nowrap;
}
.tox .tox-statusbar__wordcount {
- flex: 0 0 auto;
- margin-left: 1ch;
+ flex: 0 0 auto;
+ margin-left: 1ch;
}
@media only screen and (max-width: 767px) {
- .tox .tox-statusbar__text-container .tox-statusbar__help-text {
- display: none;
- }
- .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
- display: block;
- }
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+ display: none;
+ }
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+ display: block;
+ }
}
.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
- color: var(--muted-color, rgba(34, 47, 62, 0.7));
- text-decoration: none;
+ color: var(--pw-muted-color, rgba(34, 47, 62, 0.7));
+ text-decoration: none;
}
.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled="true"]),
.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled="true"]),
@@ -3088,970 +3088,970 @@ body.tox-dialog__disable-scroll {
.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled="true"]),
.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled="true"]),
.tox
- .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) {
- color: var(--text-color, #222f3e);
- cursor: pointer;
+.tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) {
+ color: var(--pw-text-color, #222f3e);
+ cursor: pointer;
}
.tox .tox-statusbar__branding svg {
- fill: rgba(34, 47, 62, 0.8);
- height: 1.14em;
- vertical-align: -0.28em;
- width: 3.6em;
+ fill: rgba(34, 47, 62, 0.8);
+ height: 1.14em;
+ vertical-align: -0.28em;
+ width: 3.6em;
}
.tox
- .tox-statusbar__branding
- a:focus:not(:disabled):not([aria-disabled="true"])
- svg,
+.tox-statusbar__branding
+a:focus:not(:disabled):not([aria-disabled="true"])
+svg,
.tox
- .tox-statusbar__branding
- a:hover:not(:disabled):not([aria-disabled="true"])
- svg {
- fill: var(--text-color, #222f3e);
+.tox-statusbar__branding
+a:hover:not(:disabled):not([aria-disabled="true"])
+svg {
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-statusbar__resize-handle {
- align-items: flex-end;
- align-self: stretch;
- cursor: nwse-resize;
- display: flex;
- flex: 0 0 auto;
- justify-content: flex-end;
- margin-left: auto;
- margin-right: -8px;
- padding-bottom: 3px;
- padding-left: 1ch;
- padding-right: 3px;
+ align-items: flex-end;
+ align-self: stretch;
+ cursor: nwse-resize;
+ display: flex;
+ flex: 0 0 auto;
+ justify-content: flex-end;
+ margin-left: auto;
+ margin-right: -8px;
+ padding-bottom: 3px;
+ padding-left: 1ch;
+ padding-right: 3px;
}
.tox .tox-statusbar__resize-handle svg {
- display: block;
- fill: var(--border-color, rgba(34, 47, 62, 0.5));
+ display: block;
+ fill: var(--pw-border-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-statusbar__resize-handle:focus svg {
- background-color: var(--inputs-background, #dee0e2);
- border-radius: 1px 1px -4px 1px;
- box-shadow: 0 0 0 2px var(--inputs-background, #dee0e2);
+ background-color: var(--pw-inputs-background, #dee0e2);
+ border-radius: 1px 1px -4px 1px;
+ box-shadow: 0 0 0 2px var(--pw-inputs-background, #dee0e2);
}
.tox:not([dir="rtl"]) .tox-statusbar__path > * {
- margin-right: 4px;
+ margin-right: 4px;
}
.tox:not([dir="rtl"]) .tox-statusbar__branding {
- margin-left: 2ch;
+ margin-left: 2ch;
}
.tox[dir="rtl"] .tox-statusbar {
- flex-direction: row-reverse;
+ flex-direction: row-reverse;
}
.tox[dir="rtl"] .tox-statusbar__path > * {
- margin-left: 4px;
+ margin-left: 4px;
}
.tox .tox-throbber {
- z-index: 1299;
+ z-index: 1299;
}
.tox .tox-throbber__busy-spinner {
- align-items: center;
- background-color: rgba(255, 255, 255, 0.6);
- bottom: 0;
- display: flex;
- justify-content: center;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
+ align-items: center;
+ background-color: rgba(255, 255, 255, 0.6);
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
}
.tox .tox-tbtn {
- align-items: center;
- background: 0 0;
- border: 0;
- border-radius: 3px;
- box-shadow: none;
- color: var(--text-color, #222f3e);
- display: flex;
- flex: 0 0 auto;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- height: 34px;
- justify-content: center;
- margin: 3px 0 2px 0;
- outline: 0;
- overflow: hidden;
- padding: 0;
- text-transform: none;
- width: 34px;
+ align-items: center;
+ background: 0 0;
+ border: 0;
+ border-radius: 3px;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ flex: 0 0 auto;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ height: 34px;
+ justify-content: center;
+ margin: 3px 0 2px 0;
+ outline: 0;
+ overflow: hidden;
+ padding: 0;
+ text-transform: none;
+ width: 34px;
}
.tox .tox-tbtn svg {
- display: block;
- fill: var(--text-color, #222f3e);
+ display: block;
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn.tox-tbtn-more {
- padding-left: 5px;
- padding-right: 5px;
- width: inherit;
+ padding-left: 5px;
+ padding-right: 5px;
+ width: inherit;
}
.tox .tox-tbtn:focus {
- background: var(--inputs-background, #dee0e2);
- border: 0;
- box-shadow: none;
+ background: var(--pw-inputs-background, #dee0e2);
+ border: 0;
+ box-shadow: none;
}
.tox .tox-tbtn:hover {
- background: var(--inputs-background, #dee0e2);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #dee0e2);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn:hover svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn:active {
- background: var(--inputs-background, #c8cbcf);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #c8cbcf);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn:active svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-tbtn--disabled,
.tox .tox-tbtn--disabled:hover,
.tox .tox-tbtn:disabled,
.tox .tox-tbtn:disabled:hover {
- background: 0 0;
- border: 0;
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
- cursor: not-allowed;
+ background: 0 0;
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
+ cursor: not-allowed;
}
.tox .tox-tbtn--disabled svg,
.tox .tox-tbtn--disabled:hover svg,
.tox .tox-tbtn:disabled svg,
.tox .tox-tbtn:disabled:hover svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
- background: var(--inputs-background, #c8cbcf);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #c8cbcf);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn--enabled:hover > *,
.tox .tox-tbtn--enabled > * {
- transform: none;
+ transform: none;
}
.tox .tox-tbtn--enabled svg,
.tox .tox-tbtn--enabled:hover svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
- color: var(--text-color, #222f3e);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tbtn:active > * {
- transform: none;
+ transform: none;
}
.tox .tox-tbtn--md {
- height: 51px;
- width: 51px;
+ height: 51px;
+ width: 51px;
}
.tox .tox-tbtn--lg {
- flex-direction: column;
- height: 68px;
- width: 68px;
+ flex-direction: column;
+ height: 68px;
+ width: 68px;
}
.tox .tox-tbtn--return {
- align-self: stretch;
- height: unset;
- width: 16px;
+ align-self: stretch;
+ height: unset;
+ width: 16px;
}
.tox .tox-tbtn--labeled {
- padding: 0 4px;
- width: unset;
+ padding: 0 4px;
+ width: unset;
}
.tox .tox-tbtn__vlabel {
- display: block;
- font-size: 10px;
- font-weight: 400;
- letter-spacing: -0.025em;
- margin-bottom: 4px;
- white-space: nowrap;
+ display: block;
+ font-size: 10px;
+ font-weight: 400;
+ letter-spacing: -0.025em;
+ margin-bottom: 4px;
+ white-space: nowrap;
}
.tox .tox-number-input {
- border-radius: 3px;
- display: flex;
- margin: 3px 0 2px 0;
- padding: 0 4px;
- width: auto;
+ border-radius: 3px;
+ display: flex;
+ margin: 3px 0 2px 0;
+ padding: 0 4px;
+ width: auto;
}
.tox .tox-number-input .tox-input-wrapper {
- background: 0 0;
- display: flex;
- pointer-events: none;
- text-align: center;
+ background: 0 0;
+ display: flex;
+ pointer-events: none;
+ text-align: center;
}
.tox .tox-number-input .tox-input-wrapper:focus {
- background: var(--inputs-background, #dee0e2);
+ background: var(--pw-inputs-background, #dee0e2);
}
.tox .tox-number-input input {
- border-radius: 3px;
- color: var(--text-color, #222f3e);
- font-size: 14px;
- margin: 2px 0;
- pointer-events: all;
- width: 60px;
+ border-radius: 3px;
+ color: var(--pw-text-color, #222f3e);
+ font-size: 14px;
+ margin: 2px 0;
+ pointer-events: all;
+ width: 60px;
}
.tox .tox-number-input input:hover {
- background: var(--inputs-background, #dee0e2);
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #dee0e2);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-number-input input:focus {
- background: var(--blocks-background);
- color: var(--text-color, #222f3e);
+ background: var(--pw-blocks-background);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-number-input input:disabled {
- background: 0 0;
- border: 0;
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
- cursor: not-allowed;
+ background: 0 0;
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
+ cursor: not-allowed;
}
.tox .tox-number-input button {
- background: 0 0;
- color: var(--text-color, #222f3e);
- height: 34px;
- text-align: center;
- width: 24px;
+ background: 0 0;
+ color: var(--pw-text-color, #222f3e);
+ height: 34px;
+ text-align: center;
+ width: 24px;
}
.tox .tox-number-input button svg {
- display: block;
- fill: var(--text-color, #222f3e);
- margin: 0 auto;
- transform: scale(0.67);
+ display: block;
+ fill: var(--pw-text-color, #222f3e);
+ margin: 0 auto;
+ transform: scale(0.67);
}
.tox .tox-number-input button:focus {
- background: var(--inputs-background, #dee0e2);
+ background: var(--pw-inputs-background, #dee0e2);
}
.tox .tox-number-input button:hover {
- background: var(--inputs-background, #dee0e2);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #dee0e2);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-number-input button:hover svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-number-input button:active {
- background: var(--inputs-background, #c8cbcf);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #c8cbcf);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-number-input button:active svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-number-input button:disabled {
- background: 0 0;
- border: 0;
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
- cursor: not-allowed;
+ background: 0 0;
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
+ cursor: not-allowed;
}
.tox .tox-number-input button:disabled svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-number-input button.minus {
- border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
}
.tox .tox-number-input button.plus {
- border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
}
.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper,
.tox .tox-number-input:focus:not(:active) > button {
- background: var(--inputs-background, #dee0e2);
+ background: var(--pw-inputs-background, #dee0e2);
}
.tox .tox-tbtn--select {
- margin: 3px 0 2px 0;
- padding: 0 4px;
- width: auto;
+ margin: 3px 0 2px 0;
+ padding: 0 4px;
+ width: auto;
}
.tox .tox-tbtn__select-label {
- cursor: default;
- font-weight: 400;
- height: initial;
- margin: 0 4px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ cursor: default;
+ font-weight: 400;
+ height: initial;
+ margin: 0 4px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.tox .tox-tbtn__select-chevron {
- align-items: center;
- display: flex;
- justify-content: center;
- width: 16px;
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ width: 16px;
}
.tox .tox-tbtn__select-chevron svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-tbtn--bespoke {
- background: 0 0;
+ background: 0 0;
}
.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
- margin-inline-start: 0;
+ margin-inline-start: 0;
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: 7em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 7em;
}
.tox .tox-tbtn--disabled .tox-tbtn__select-label,
.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
- cursor: not-allowed;
+ cursor: not-allowed;
}
.tox .tox-split-button {
- border: 0;
- border-radius: 3px;
- box-sizing: border-box;
- display: flex;
- margin: 3px 0 2px 0;
- overflow: hidden;
+ border: 0;
+ border-radius: 3px;
+ box-sizing: border-box;
+ display: flex;
+ margin: 3px 0 2px 0;
+ overflow: hidden;
}
.tox .tox-split-button:hover {
- box-shadow: 0 0 0 1px var(--inputs-background, #dee0e2) inset;
+ box-shadow: 0 0 0 1px var(--pw-inputs-background, #dee0e2) inset;
}
.tox .tox-split-button:focus {
- background: var(--inputs-background, #dee0e2);
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #dee0e2);
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-split-button > * {
- border-radius: 0;
+ border-radius: 0;
}
.tox .tox-split-button__chevron {
- width: 16px;
+ width: 16px;
}
.tox .tox-split-button__chevron svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-split-button .tox-tbtn {
- margin: 0;
+ margin: 0;
}
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
.tox .tox-split-button.tox-tbtn--disabled:focus,
.tox .tox-split-button.tox-tbtn--disabled:hover {
- background: 0 0;
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
+ background: 0 0;
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
- padding: 0 0;
+ padding: 0 0;
}
.tox.tox-platform-touch
- .tox-split-button
- .tox-tbtn:not(.tox-tbtn--select):first-child {
- width: 30px;
+.tox-split-button
+.tox-tbtn:not(.tox-tbtn--select):first-child {
+ width: 30px;
}
.tox.tox-platform-touch .tox-split-button__chevron {
- width: 20px;
+ width: 20px;
}
.tox
- .tox-split-button.tox-tbtn--disabled
- svg
- #tox-icon-highlight-bg-color__color,
+.tox-split-button.tox-tbtn--disabled
+svg
+#tox-icon-highlight-bg-color__color,
.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color {
- opacity: 0.6;
+ opacity: 0.6;
}
.tox .tox-toolbar-overlord {
- background-color: var(--blocks-background, #fff);
+ background-color: var(--pw-blocks-background, #fff);
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
- background-attachment: local;
- background-color: var(--blocks-background, #fff);
- background-position: center top 39px;
- background-repeat: no-repeat;
- background-size: calc(100% - 4px * 2) calc(100% - 39px);
- display: flex;
- flex: 0 0 auto;
- flex-shrink: 0;
- flex-wrap: wrap;
- padding: 0 0;
- transform: perspective(1px);
+ background-attachment: local;
+ background-color: var(--pw-blocks-background, #fff);
+ background-position: center top 39px;
+ background-repeat: no-repeat;
+ background-size: calc(100% - 4px * 2) calc(100% - 39px);
+ display: flex;
+ flex: 0 0 auto;
+ flex-shrink: 0;
+ flex-wrap: wrap;
+ padding: 0 0;
+ transform: perspective(1px);
}
.tox .tox-toolbar-overlord > .tox-toolbar,
.tox .tox-toolbar-overlord > .tox-toolbar__overflow,
.tox .tox-toolbar-overlord > .tox-toolbar__primary {
- background-position: center top 0;
- background-size: calc(100% - 4px * 2) calc(100% - 0px);
+ background-position: center top 0;
+ background-size: calc(100% - 4px * 2) calc(100% - 0px);
}
.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
- height: 0;
- opacity: 0;
- padding-bottom: 0;
- padding-top: 0;
- visibility: hidden;
+ height: 0;
+ opacity: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ visibility: hidden;
}
.tox .tox-toolbar__overflow--growing {
- transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+ transition: height 0.3s ease, opacity 0.2s linear 0.1s;
}
.tox .tox-toolbar__overflow--shrinking {
- transition: opacity 0.3s ease, height 0.2s linear 0.1s,
- visibility 0s linear 0.3s;
+ transition: opacity 0.3s ease, height 0.2s linear 0.1s,
+ visibility 0s linear 0.3s;
}
.tox .tox-anchorbar,
.tox .tox-toolbar-overlord {
- grid-column: 1/-1;
+ grid-column: 1/-1;
}
.tox .tox-menubar + .tox-toolbar,
.tox .tox-menubar + .tox-toolbar-overlord {
- border-top: 1px solid var(--border-color, #ccc);
- margin-top: -1px;
- padding-bottom: 0;
- padding-top: 0;
+ border-top: 1px solid var(--pw-border-color, #ccc);
+ margin-top: -1px;
+ padding-bottom: 0;
+ padding-top: 0;
}
.tox .tox-toolbar--scrolling {
- flex-wrap: nowrap;
- overflow-x: auto;
+ flex-wrap: nowrap;
+ overflow-x: auto;
}
.tox .tox-pop .tox-toolbar {
- border-width: 0;
+ border-width: 0;
}
.tox .tox-toolbar--no-divider {
- background-image: none;
+ background-image: none;
}
.tox
- .tox-toolbar-overlord
- .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox-toolbar-overlord
+.tox-toolbar:not(.tox-toolbar--scrolling):first-child,
.tox .tox-toolbar-overlord .tox-toolbar__primary {
- background-position: center top 39px;
+ background-position: center top 39px;
}
.tox .tox-editor-header > .tox-toolbar--scrolling,
.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
- background-image: none;
+ background-image: none;
}
.tox.tox-tinymce-aux .tox-toolbar__overflow {
- background-color: var(--blocks-background, #fff);
- background-position: center top 43px;
- background-size: calc(100% - 8px * 2) calc(100% - 51px);
- border: none;
- border-radius: 3px;
- box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
- 0 4px 8px 0 rgba(34, 47, 62, 0.15);
- overscroll-behavior: none;
- padding: 4px 0;
+ background-color: var(--pw-blocks-background, #fff);
+ background-position: center top 43px;
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
+ border: none;
+ border-radius: 3px;
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+ overscroll-behavior: none;
+ padding: 4px 0;
}
.tox-pop .tox-pop__dialog .tox-toolbar {
- background-position: center top 43px;
- background-size: calc(100% - 4px * 2) calc(100% - 51px);
- padding: 4px 0;
+ background-position: center top 43px;
+ background-size: calc(100% - 4px * 2) calc(100% - 51px);
+ padding: 4px 0;
}
.tox .tox-toolbar__group {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- margin: 0 0;
- padding: 0 4px 0 4px;
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0 0;
+ padding: 0 4px 0 4px;
}
.tox .tox-toolbar__group--pull-right {
- margin-left: auto;
+ margin-left: auto;
}
.tox .tox-toolbar--scrolling .tox-toolbar__group {
- flex-shrink: 0;
- flex-wrap: nowrap;
+ flex-shrink: 0;
+ flex-wrap: nowrap;
}
.tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
- border-right: 1px solid var(--border-color, #ccc);
+ border-right: 1px solid var(--pw-border-color, #ccc);
}
.tox[dir="rtl"] .tox-toolbar__group:not(:last-of-type) {
- border-left: 1px solid var(--border-color, #ccc);
+ border-left: 1px solid var(--pw-border-color, #ccc);
}
.tox .tox-tooltip {
- display: inline-block;
- padding: 8px;
- position: relative;
+ display: inline-block;
+ padding: 8px;
+ position: relative;
}
.tox .tox-tooltip__body {
- background-color: var(--text-color, #222f3e);
- border-radius: 3px;
- box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
- color: rgba(255, 255, 255, 0.75);
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- padding: 4px 8px;
- text-transform: none;
+ background-color: var(--pw-text-color, #222f3e);
+ border-radius: 3px;
+ box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+ color: rgba(255, 255, 255, 0.75);
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ padding: 4px 8px;
+ text-transform: none;
}
.tox .tox-tooltip__arrow {
- position: absolute;
+ position: absolute;
}
.tox .tox-tooltip--down .tox-tooltip__arrow {
- border-left: 8px solid transparent;
- border-right: 8px solid transparent;
- border-top: 8px solid var(--text-color, #222f3e);
- bottom: 0;
- left: 50%;
- position: absolute;
- transform: translateX(-50%);
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ border-top: 8px solid var(--pw-text-color, #222f3e);
+ bottom: 0;
+ left: 50%;
+ position: absolute;
+ transform: translateX(-50%);
}
.tox .tox-tooltip--up .tox-tooltip__arrow {
- border-bottom: 8px solid var(--text-color, #222f3e);
- border-left: 8px solid transparent;
- border-right: 8px solid transparent;
- left: 50%;
- position: absolute;
- top: 0;
- transform: translateX(-50%);
+ border-bottom: 8px solid var(--pw-text-color, #222f3e);
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ left: 50%;
+ position: absolute;
+ top: 0;
+ transform: translateX(-50%);
}
.tox .tox-tooltip--right .tox-tooltip__arrow {
- border-bottom: 8px solid transparent;
- border-left: 8px solid var(--text-color, #222f3e);
- border-top: 8px solid transparent;
- position: absolute;
- right: 0;
- top: 50%;
- transform: translateY(-50%);
+ border-bottom: 8px solid transparent;
+ border-left: 8px solid var(--pw-text-color, #222f3e);
+ border-top: 8px solid transparent;
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
}
.tox .tox-tooltip--left .tox-tooltip__arrow {
- border-bottom: 8px solid transparent;
- border-right: 8px solid var(--text-color, #222f3e);
- border-top: 8px solid transparent;
- left: 0;
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
+ border-bottom: 8px solid transparent;
+ border-right: 8px solid var(--pw-text-color, #222f3e);
+ border-top: 8px solid transparent;
+ left: 0;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
}
.tox .tox-tree {
- display: flex;
- flex-direction: column;
+ display: flex;
+ flex-direction: column;
}
.tox .tox-tree .tox-trbtn {
- align-items: center;
- background: 0 0;
- border: 0;
- border-radius: 4px;
- box-shadow: none;
- color: var(--text-color, #222f3e);
- display: flex;
- flex: 0 0 auto;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- height: 28px;
- margin-bottom: 4px;
- margin-top: 4px;
- outline: 0;
- overflow: hidden;
- padding: 0;
- padding-left: 8px;
- text-transform: none;
+ align-items: center;
+ background: 0 0;
+ border: 0;
+ border-radius: 4px;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
+ display: flex;
+ flex: 0 0 auto;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ height: 28px;
+ margin-bottom: 4px;
+ margin-top: 4px;
+ outline: 0;
+ overflow: hidden;
+ padding: 0;
+ padding-left: 8px;
+ text-transform: none;
}
.tox .tox-tree .tox-trbtn .tox-tree__label {
- cursor: default;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ cursor: default;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.tox .tox-tree .tox-trbtn svg {
- display: block;
- fill: var(--text-color, #222f3e);
+ display: block;
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn:focus {
- background: var(--inputs-background, #dee0e2);
- border: 0;
- box-shadow: none;
+ background: var(--pw-inputs-background, #dee0e2);
+ border: 0;
+ box-shadow: none;
}
.tox .tox-tree .tox-trbtn:hover {
- background: var(--inputs-background, #dee0e2);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #dee0e2);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn:hover svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn:active {
- background: #b1d0e6;
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: #b1d0e6;
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn:active svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn--disabled,
.tox .tox-tree .tox-trbtn--disabled:hover,
.tox .tox-tree .tox-trbtn:disabled,
.tox .tox-tree .tox-trbtn:disabled:hover {
- background: 0 0;
- border: 0;
- box-shadow: none;
- color: var(--text-color, rgba(34, 47, 62, 0.5));
- cursor: not-allowed;
+ background: 0 0;
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, rgba(34, 47, 62, 0.5));
+ cursor: not-allowed;
}
.tox .tox-tree .tox-trbtn--disabled svg,
.tox .tox-tree .tox-trbtn--disabled:hover svg,
.tox .tox-tree .tox-trbtn:disabled svg,
.tox .tox-tree .tox-trbtn:disabled:hover svg {
- fill: var(--text-color, rgba(34, 47, 62, 0.5));
+ fill: var(--pw-text-color, rgba(34, 47, 62, 0.5));
}
.tox .tox-tree .tox-trbtn--enabled,
.tox .tox-tree .tox-trbtn--enabled:hover {
- background: var(--inputs-background, #b1d0e6);
- border: 0;
- box-shadow: none;
- color: var(--text-color, #222f3e);
+ background: var(--pw-inputs-background, #b1d0e6);
+ border: 0;
+ box-shadow: none;
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn--enabled:hover > *,
.tox .tox-tree .tox-trbtn--enabled > * {
- transform: none;
+ transform: none;
}
.tox .tox-tree .tox-trbtn--enabled svg,
.tox .tox-tree .tox-trbtn--enabled:hover svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
- color: var(--text-color, #222f3e);
+ color: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-trbtn:active > * {
- transform: none;
+ transform: none;
}
.tox .tox-tree .tox-trbtn--return {
- align-self: stretch;
- height: unset;
- width: 16px;
+ align-self: stretch;
+ height: unset;
+ width: 16px;
}
.tox .tox-tree .tox-trbtn--labeled {
- padding: 0 4px;
- width: unset;
+ padding: 0 4px;
+ width: unset;
}
.tox .tox-tree .tox-trbtn__vlabel {
- display: block;
- font-size: 10px;
- font-weight: 400;
- letter-spacing: -0.025em;
- margin-bottom: 4px;
- white-space: nowrap;
+ display: block;
+ font-size: 10px;
+ font-weight: 400;
+ letter-spacing: -0.025em;
+ margin-bottom: 4px;
+ white-space: nowrap;
}
.tox .tox-tree .tox-tree--directory {
- display: flex;
- flex-direction: column;
+ display: flex;
+ flex-direction: column;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
- font-weight: 700;
+ font-weight: 700;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
- margin-left: auto;
+ margin-left: auto;
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
- fill: transparent;
+ fill: transparent;
}
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label
- .tox-mbtn.tox-mbtn--active
- svg,
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label
+.tox-mbtn.tox-mbtn--active
+svg,
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label
- .tox-mbtn:focus
- svg {
- fill: var(--text-color, #222f3e);
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label
+.tox-mbtn:focus
+svg {
+ fill: var(--pw-text-color, #222f3e);
}
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:focus
- .tox-mbtn
- svg,
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:focus
+.tox-mbtn
+svg,
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:hover
- .tox-mbtn
- svg {
- fill: var(--text-color, #222f3e);
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:hover
+.tox-mbtn
+svg {
+ fill: var(--pw-text-color, #222f3e);
}
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
- background-color: transparent;
- color: var(--text-color, #222f3e);
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+ background-color: transparent;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:hover:has(.tox-mbtn:hover)
- .tox-chevron
- svg {
- fill: var(--text-color, #222f3e);
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:hover:has(.tox-mbtn:hover)
+.tox-chevron
+svg {
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
- margin-right: 6px;
+ margin-right: 6px;
}
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
- .tox-chevron,
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
+.tox-chevron,
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking)
- .tox-chevron {
- transition: transform 0.5s ease-in-out;
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking)
+.tox-chevron {
+ transition: transform 0.5s ease-in-out;
}
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
- .tox-chevron,
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
+.tox-chevron,
.tox
- .tox-tree
- .tox-tree--directory
- .tox-tree--directory__label:has(+ .tox-tree--directory__children--open)
- .tox-chevron {
- transform: rotate(90deg);
+.tox-tree
+.tox-tree--directory
+.tox-tree--directory__label:has(+ .tox-tree--directory__children--open)
+.tox-chevron {
+ transform: rotate(90deg);
}
.tox .tox-tree .tox-tree--leaf__label {
- font-weight: 400;
+ font-weight: 400;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
- margin-left: auto;
+ margin-left: auto;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
- fill: transparent;
+ fill: transparent;
}
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
- fill: var(--text-color, #222f3e);
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
- background-color: transparent;
- color: var(--text-color, #222f3e);
+ background-color: transparent;
+ color: var(--pw-text-color, #222f3e);
}
.tox
- .tox-tree
- .tox-tree--leaf__label:hover:has(.tox-mbtn:hover)
- .tox-chevron
- svg {
- fill: var(--text-color, #222f3e);
+.tox-tree
+.tox-tree--leaf__label:hover:has(.tox-mbtn:hover)
+.tox-chevron
+svg {
+ fill: var(--pw-text-color, #222f3e);
}
.tox .tox-tree .tox-tree--directory__children {
- overflow: hidden;
- padding-left: 16px;
+ overflow: hidden;
+ padding-left: 16px;
}
.tox
- .tox-tree
- .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox-tree
+.tox-tree--directory__children.tox-tree--directory__children--growing,
.tox
- .tox-tree
- .tox-tree--directory__children.tox-tree--directory__children--shrinking {
- transition: height 0.5s ease-in-out;
+.tox-tree
+.tox-tree--directory__children.tox-tree--directory__children--shrinking {
+ transition: height 0.5s ease-in-out;
}
.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
- display: flex;
- justify-content: space-between;
+ display: flex;
+ justify-content: space-between;
}
.tox .tox-view-wrap,
.tox .tox-view-wrap__slot-container {
- background-color: var(--blocks-background);
- display: flex;
- flex: 1;
- flex-direction: column;
+ background-color: var(--pw-blocks-background);
+ display: flex;
+ flex: 1;
+ flex-direction: column;
}
.tox .tox-view {
- display: flex;
- flex: 1 1 auto;
- flex-direction: column;
- overflow: hidden;
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ overflow: hidden;
}
.tox .tox-view__header {
- align-items: center;
- display: flex;
- font-size: 16px;
- justify-content: space-between;
- padding: 8px 8px 0 8px;
- position: relative;
+ align-items: center;
+ display: flex;
+ font-size: 16px;
+ justify-content: space-between;
+ padding: 8px 8px 0 8px;
+ position: relative;
}
.tox .tox-view--mobile.tox-view__header,
.tox .tox-view--mobile.tox-view__toolbar {
- padding: 8px;
+ padding: 8px;
}
.tox .tox-view--scrolling {
- flex-wrap: nowrap;
- overflow-x: auto;
+ flex-wrap: nowrap;
+ overflow-x: auto;
}
.tox .tox-view__toolbar {
- display: flex;
- flex-direction: row;
- gap: 8px;
- justify-content: space-between;
- padding: 8px 8px 0 8px;
+ display: flex;
+ flex-direction: row;
+ gap: 8px;
+ justify-content: space-between;
+ padding: 8px 8px 0 8px;
}
.tox .tox-view__toolbar__group {
- display: flex;
- flex-direction: row;
- gap: 12px;
+ display: flex;
+ flex-direction: row;
+ gap: 12px;
}
.tox .tox-view__header-end,
.tox .tox-view__header-start {
- display: flex;
+ display: flex;
}
.tox .tox-view__pane {
- height: 100%;
- padding: 8px;
- width: 100%;
+ height: 100%;
+ padding: 8px;
+ width: 100%;
}
.tox .tox-view__pane_panel {
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
}
.tox:not([dir="rtl"]) .tox-view__header .tox-view__header-end > *,
.tox:not([dir="rtl"]) .tox-view__header .tox-view__header-start > * {
- margin-left: 8px;
+ margin-left: 8px;
}
.tox[dir="rtl"] .tox-view__header .tox-view__header-end > *,
.tox[dir="rtl"] .tox-view__header .tox-view__header-start > * {
- margin-right: 8px;
+ margin-right: 8px;
}
.tox .tox-well {
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- padding: 8px;
- width: 100%;
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ padding: 8px;
+ width: 100%;
}
.tox .tox-well > :first-child {
- margin-top: 0;
+ margin-top: 0;
}
.tox .tox-well > :last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.tox .tox-well > :only-child {
- margin: 0;
+ margin: 0;
}
.tox .tox-custom-editor {
- border: 1px solid var(--border-color, #ccc);
- border-radius: 3px;
- display: flex;
- flex: 1;
- overflow: hidden;
- position: relative;
+ border: 1px solid var(--pw-border-color, #ccc);
+ border-radius: 3px;
+ display: flex;
+ flex: 1;
+ overflow: hidden;
+ position: relative;
}
.tox .tox-dialog-loading::before {
- background-color: rgba(0, 0, 0, 0.5);
- content: "";
- height: 100%;
- position: absolute;
- width: 100%;
- z-index: 1000;
+ background-color: rgba(0, 0, 0, 0.5);
+ content: "";
+ height: 100%;
+ position: absolute;
+ width: 100%;
+ z-index: 1000;
}
.tox .tox-tab {
- cursor: pointer;
+ cursor: pointer;
}
.tox .tox-dialog__content-js {
- display: flex;
- flex: 1;
+ display: flex;
+ flex: 1;
}
.tox .tox-dialog__body-content .tox-collection {
- display: flex;
- flex: 1;
+ display: flex;
+ flex: 1;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
- background-color: none;
- padding: 0;
+ background-color: none;
+ padding: 0;
}
.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
.tox.tox-tinymce-inline .tox-editor-header {
- margin-bottom: -1px;
+ margin-bottom: -1px;
}
.tox.tox-tinymce-inline .tox-editor-container {
- overflow: hidden;
+ overflow: hidden;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
- border-top: none;
- box-shadow: none;
+ border-top: none;
+ box-shadow: none;
}
.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
- background-color: transparent;
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
- padding: 0;
+ background-color: transparent;
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+ padding: 0;
}
.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom
- .tox-editor-header {
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+.tox-editor-header {
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
}
.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
- margin: -4px 0;
+ margin: -4px 0;
}
.tox .tox-menu.tox-collection.tox-collection--list {
- padding: 0;
+ padding: 0;
}
.tox .tox-pop {
- box-shadow: none;
+ box-shadow: none;
}
.tox .tox-number-input,
.tox .tox-split-button,
.tox .tox-tbtn,
.tox .tox-tbtn--select {
- margin: 2px 0 3px 0;
+ margin: 2px 0 3px 0;
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
- background: var(--blocks-background, #fff);
+ background: var(--pw-blocks-background, #fff);
}
.tox .tox-menubar + .tox-toolbar-overlord {
- border-top: none;
+ border-top: none;
}
.tox .tox-menubar + .tox-toolbar,
.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
- border-top: 1px solid var(--border-color, #ccc);
- margin-top: -1px;
+ border-top: 1px solid var(--pw-border-color, #ccc);
+ margin-top: -1px;
}
.tox.tox-tinymce-aux .tox-toolbar__overflow {
- border: 1px solid var(--border-color, #ccc);
- padding: 0;
+ border: 1px solid var(--pw-border-color, #ccc);
+ padding: 0;
}
.tox .tox-pop .tox-pop__dialog .tox-toolbar {
- padding: 0;
+ padding: 0;
}
.tox:not(.tox-tinymce-inline)
- .tox-editor-header:not(:first-child)
- .tox-menubar {
- border-top: 1px solid var(--border-color, #ccc);
+.tox-editor-header:not(:first-child)
+.tox-menubar {
+ border-top: 1px solid var(--pw-border-color, #ccc);
}
.tox:not(.tox-tinymce-inline)
- .tox-editor-header:not(:first-child)
- .tox-toolbar-overlord:first-child
- .tox-toolbar__primary,
+.tox-editor-header:not(:first-child)
+.tox-toolbar-overlord:first-child
+.tox-toolbar__primary,
.tox:not(.tox-tinymce-inline)
- .tox-editor-header:not(:first-child)
- .tox-toolbar:first-child {
- border-top: 1px solid var(--border-color, #ccc);
+.tox-editor-header:not(:first-child)
+.tox-toolbar:first-child {
+ border-top: 1px solid var(--pw-border-color, #ccc);
}
.tox .tox-toolbar__group {
- padding: 0 4px 0 4px;
+ padding: 0 4px 0 4px;
}
.tox .tox-collection__item {
- border-radius: 0;
- cursor: pointer;
+ border-radius: 0;
+ cursor: pointer;
}
.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled="true"]),
.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled="true"]),
@@ -4059,36 +4059,36 @@ body.tox-dialog__disable-scroll {
.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled="true"]),
.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled="true"]),
.tox
- .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) {
- color: var(--var(--muted-color, rgba(34, 47, 62, 0.7)));
- text-decoration: underline;
+.tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) {
+ color: var(--pw-var(--pw-muted-color, rgba(34, 47, 62, 0.7)));
+ text-decoration: underline;
}
.tox .tox-statusbar__branding svg {
- vertical-align: -0.25em;
+ vertical-align: -0.25em;
}
.tox:not([dir="rtl"]) .tox-statusbar__branding {
- margin-left: 1ch;
+ margin-left: 1ch;
}
.tox .tox-statusbar__resize-handle {
- padding-bottom: 0;
- padding-right: 0;
+ padding-bottom: 0;
+ padding-right: 0;
}
.tox .tox-button::before {
- display: none;
+ display: none;
}
.tox .tox-menubar,
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
- background-image: none !important;
+ background-image: none !important;
}
.tox-editor-header,
.tox:not(.tox-tinymce-inline) .tox-editor-header {
- border-bottom: 1px solid var(--border-color, #ccc);
+ border-bottom: 1px solid var(--pw-border-color, #ccc);
}
.tox .tox-textfield::placeholder {
- color: var(--muted-color, #ccc);
+ color: var(--pw-muted-color, #ccc);
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css
index 74c0c755..4843b820 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/InputfieldTable.css
@@ -13,5 +13,5 @@
.InputfieldTableRowDeleteLink:hover,
.InputfieldTableActionRow:hover {
/* make table action links highlight with main color when hovered */
- color: var(--main-color);
+ color: var(--pw-main-color);
}
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css
index a13861b5..1099320b 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css
@@ -7,10 +7,10 @@
.pw .Inputfields .InputfieldAsmSelect .asmListItem.ui-state-default,
.pw .Inputfields .InputfieldAsmSelect .asmListItem.ui-state-hover {
/* make asmSelect/autocomplete/pageListSelect use the main-color */
- --main-background: var(--main-color);
- --border-color: var(--main-color);
- --text-color: rgba(255,255,255,0.9);
- background-color: var(--main-background);
+ --pw-main-background: var(--pw-main-color);
+ --pw-border-color: var(--pw-main-color);
+ --pw-text-color: rgba(255,255,255,0.9);
+ background-color: var(--pw-main-background);
margin-top: 0;
margin-bottom: 1px !important;
}
@@ -22,22 +22,22 @@
/* highlight hovered items */
filter: brightness(1.05);
filter: brightness(0.95);
- border-color: var(--main-color);
+ border-color: var(--pw-main-color);
}
.pw .ui-accordion-header {
/* accordion items like the debug mode tools */
- --inputs-background: var(--main-color);
- --blocks-background: var(--main-color);
- --text-color: #fff;
+ --pw-inputs-background: var(--pw-main-color);
+ --pw-blocks-background: var(--pw-main-color);
+ --pw-text-color: #fff;
border: 0;
margin-top: 3px !important;
}
.pw .ui-accordion-header:hover,
.pw .ui-accordion-header.ui-state-hover {
- --inputs-background: var(--main-color);
- --main-background: var(--main-color);
+ --pw-inputs-background: var(--pw-main-color);
+ --pw-main-background: var(--pw-main-color);
filter: brightness(1.05);
}
.ui-accordion.ui-widget .ui-accordion-content {
@@ -54,10 +54,10 @@
.pw .Inputfields .InputfieldRepeater .InputfieldContent .InputfieldRepeaterItem > .InputfieldHeader,
.pw .InputfieldFileList > li > .InputfieldItemHeader {
/* make InputfieldRepeater item headers use the main color */
- --inputs-background: var(--main-color);
- --border-color: var(--main-color);
- --text-color: rgba(255,255,255,0.9);
- --muted-color: rgba(255,255,255,0.8);
+ --pw-inputs-background: var(--pw-main-color);
+ --pw-border-color: var(--pw-main-color);
+ --pw-text-color: rgba(255,255,255,0.9);
+ --pw-muted-color: rgba(255,255,255,0.8);
}
.InputfieldRepeaterItem > .InputfieldHeader:hover {
diff --git a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css
index 5a5a4970..93b6889d 100644
--- a/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css
+++ b/wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useInputFocus.css
@@ -4,22 +4,22 @@
select.uk-select:focus {
/* have inputs show a focused state */
/*border-color: var(--muted-color) !important;*/
- background-color: var(--blocks-background) !important;
+ background-color: var(--pw-blocks-background) !important;
}
.InputfieldForm .Inputfields .Inputfield select.uk-select {
/* make