mirror of
https://github.com/dpnmw/community-landing.git
synced 2026-03-18 09:27:16 +00:00
PreLoader Custom Color Logo
This commit is contained in:
@@ -50,6 +50,7 @@ const DESCRIPTIONS = {
|
||||
preloader_bg_light: "Preloader background for light mode.",
|
||||
preloader_text_color_dark: "Percentage text color for dark mode.",
|
||||
preloader_text_color_light: "Percentage text color for light mode.",
|
||||
preloader_logo_color: "Logo color. Works with single-color SVG logos on transparent background.",
|
||||
preloader_bar_color: "Progress bar color. Leave blank for accent color.",
|
||||
preloader_min_duration: "Minimum display time (ms). Prevents a flash on fast connections.",
|
||||
|
||||
@@ -280,7 +281,7 @@ const TABS = [
|
||||
"preloader_enabled", "preloader_logo_url",
|
||||
"preloader_bg_dark", "preloader_bg_light",
|
||||
"preloader_text_color_dark", "preloader_text_color_light",
|
||||
"preloader_bar_color", "preloader_min_duration"
|
||||
"preloader_logo_color", "preloader_bar_color", "preloader_min_duration"
|
||||
])
|
||||
},
|
||||
{
|
||||
|
||||
@@ -2159,11 +2159,15 @@ html, .cl-body {
|
||||
}
|
||||
|
||||
.cl-preloader__logo {
|
||||
max-width: 120px;
|
||||
max-height: 60px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
width: 120px;
|
||||
height: 60px;
|
||||
background: var(--cl-preloader-logo-color, var(--cl-preloader-text, #ffffff));
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
mask-position: center;
|
||||
}
|
||||
|
||||
.cl-preloader__counter {
|
||||
|
||||
Reference in New Issue
Block a user