PluginProbe
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) / 1.5.2
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) v1.5.2
2.1.3 2.1.2 2.1.1 2.1.0 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 trunk 1.0.1 1.1.0 1.2.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.3.0 All 57 releases
darkify / src / Admin / blocks / build / index.css

index.css in Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) 1.5.2, at src/Admin/blocks/build/index.css

94 lines 13.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!*********************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../assets/css/switcher/classic.min.css ***!
3 \*********************************************************************************************************************************************************************************************/
4 .theme-toggle.theme-toggle--reversed .theme-toggle__classic{transform:scale(-1,1)}.theme-toggle{--theme-toggle__classic--duration:500ms;border:none;background:0 0;cursor:pointer}.theme-toggle__classic path{transition-timing-function:cubic-bezier(0,0,0.15,1.25);transform-origin:center;transition-duration:calc(var(--theme-toggle__classic--duration) * .8)}.theme-toggle__classic g path{transition-property:opacity,transform;transition-delay:calc(var(--theme-toggle__classic--duration) * 0.2)}.theme-toggle__classic :first-child path{transition-property:transform,d}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__classic g path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic g path{transform:scale(.5) rotate(45deg);opacity:0;transition-delay:0s}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__classic :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path{d:path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z");transition-delay:calc(var(--theme-toggle__classic--duration) * 0.2)}@supports not (d:path("")){.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__classic :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path{transform:translate3d(-12px,10px,0)}}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}
5 /*!********************************************************************************************************************************************************************************************!*\
6 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../assets/css/switcher/expand.min.css ***!
7 \********************************************************************************************************************************************************************************************/
8 .theme-toggle.theme-toggle--reversed .theme-toggle__expand{transform:scale(-1,1)}.theme-toggle{--theme-toggle__expand--duration:500ms;border:none;background:0 0;cursor:pointer}.theme-toggle__expand g circle,.theme-toggle__expand g path{transform-origin:center;transition:transform calc(var(--theme-toggle__expand--duration) * .65) cubic-bezier(0, 0, 0, 1.25) calc(var(--theme-toggle__expand--duration) * .35)}.theme-toggle__expand :first-child path{transition-property:transform,d;transition-duration:calc(var(--theme-toggle__expand--duration) * .6);transition-timing-function:cubic-bezier(0,0,0.5,1)}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__expand g circle,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g circle{transform:scale(1.4);transition-delay:0s}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__expand g path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g path{transform:scale(.75);transition-delay:0s}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__expand :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path{d:path("M-9 3h25a1 1 0 0017 13v30H0Z");transition-delay:calc(var(--theme-toggle__expand--duration) * 0.4);transition-timing-function:cubic-bezier(0,0,0,1.25)}@supports not (d:path("")){.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__expand :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path{transform:translate3d(-9px,14px,0)}}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}
9 /*!************************************************************************************************************************************************************************************************!*\
10 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../assets/css/switcher/inner-moon.min.css ***!
11 \************************************************************************************************************************************************************************************************/
12 .theme-toggle.theme-toggle--reversed .theme-toggle__inner-moon{transform:scale(-1,1)}.theme-toggle{--theme-toggle__inner-moon--duration:500ms;border:none;background:0 0;cursor:pointer}.theme-toggle__inner-moon path{transform-origin:center;transition:transform var(--theme-toggle__inner-moon--duration) cubic-bezier(0, 0, .15, 1.25)}.theme-toggle__inner-moon circle{transition:transform calc(var(--theme-toggle__inner-moon--duration) / 1.5) cubic-bezier(.4, 0, .2, 1)}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__inner-moon path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__inner-moon path{transform:rotate(180deg)}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__inner-moon circle,.theme-toggle input[type=checkbox]:checked~.theme-toggle__inner-moon circle{transform:translate3d(15%,0,0)}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}
13 /*!*******************************************************************************************************************************************************************************************!*\
14 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../assets/css/switcher/orbit.min.css ***!
15 \*******************************************************************************************************************************************************************************************/
16 .darkify_switch_style.switch-orbit{width:calc(70px * var(--darkify-switch-scale, 1));height:calc(30px * var(--darkify-switch-scale, 1));display:inline-block}.darkify_switch_style.switch-orbit .theme-toggle{display:inherit;width:100%;height:100%}.darkify_switch_style.switch-orbit .toggle-track{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;position:relative}.darkify_switch_style.switch-orbit .theme-toggle svg{width:calc(20px * var(--darkify-switch-scale, 1));height:calc(20px * var(--darkify-switch-scale, 1));fill:var(--darkify_switch_light_mode_color)}.darkify_switch_style.switch-orbit .theme-toggle .toggle-sun svg{fill:var(--darkify_switch_dark_mode_color)}.darkify_switch_style.switch-orbit .toggle-sun,.darkify_switch_style.switch-orbit .toggle-moon{display:flex;align-items:center;justify-content:center;z-index:9;padding:0 calc(8px * var(--darkify-switch-scale, 1));border-radius:50%}.darkify_switch_style.switch-orbit .toggle-thumb{position:absolute;width:calc(24px * var(--darkify-switch-scale, 1));height:calc(24px * var(--darkify-switch-scale, 1));margin:0 calc(6px * var(--darkify-switch-scale, 1));background-color:var(--darkify_switch_dark_mode_bg);border-radius:50%;transition-duration:0.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.darkify_dark_mode_enabled .darkify_switch_style.switch-orbit .toggle-thumb{background-color:var(--darkify_switch_light_mode_bg);transform:translateX(calc(100% - -13px * var(--darkify-switch-scale, 1))) scale(1)}
17 /*!********************************************************************************************************************************************************************************************!*\
18 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../assets/css/switcher/within.min.css ***!
19 \********************************************************************************************************************************************************************************************/
20 .theme-toggle.theme-toggle--reversed .theme-toggle__within{transform:scale(-1, 1)}.theme-toggle{--theme-toggle__within--duration:500ms}.theme-toggle__within *{transform-origin:center;transition:transform calc(var(--theme-toggle__within--duration)) cubic-bezier(0, 0, 0, 1.25)}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__within .theme-toggle__within__circle,.theme-toggle input[type=checkbox]:checked ~ .theme-toggle__within .theme-toggle__within__circle{transform:scale(1.5)}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__within .theme-toggle__within__inner,.theme-toggle input[type=checkbox]:checked ~ .theme-toggle__within .theme-toggle__within__inner{transform:translate3d(3px, -3px, 0) scale(1.2)}.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__within g path,.theme-toggle input[type=checkbox]:checked ~ .theme-toggle__within g path{transform:scale(0.65)}.theme-toggle{border:none;background:0 0;cursor:pointer}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}
21 /*!****************************************************************************************************************************************************************************************************************************************!*\
22 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
23 \****************************************************************************************************************************************************************************************************************************************/
24 .darkify-image-select-control {
25 display: grid;
26 gap: 0.75rem;
27 grid-template-columns: repeat(2, minmax(0, 1fr));
28 margin-bottom: 20px;
29 }
30
31 .darkify-image-option {
32 border: 3px solid #58707f;
33 border-radius: 0.5rem;
34 cursor: pointer;
35 text-align: center;
36 position: relative;
37 }
38
39 .darkify-image-option.active {
40 border-color: #1a74e4;
41 }
42
43 .darkify-image-option.active::after {
44 position: absolute;
45 top: 5px;
46 left: 4px;
47 text-align: center;
48 font-size: 14px;
49 font-family: "eicons";
50 content: "";
51 background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 640%27%3E%3Cpath fill=%27%231a74e4%27 d=%27M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z%27/%3E%3C/svg%3E");
52 background-repeat: no-repeat;
53 background-size: contain;
54 width: 16px;
55 height: 16px;
56 transition: opacity 0.2s;
57 border-radius: 50%;
58 }
59
60 .switch-duality,
61 .switch-duality .theme-toggle,
62 .switch-duality .theme-toggle > div {
63 width: calc(70px * var(--darkify-switch-scale, 1)) !important;
64 height: calc(30px * var(--darkify-switch-scale, 1)) !important;
65 }
66
67 .switch-shift,
68 .switch-shift .theme-toggle,
69 .switch-shift .theme-toggle > div {
70 width: calc(70px * var(--darkify-switch-scale, 1)) !important;
71 height: calc(10px * var(--darkify-switch-scale, 1)) !important;
72 }
73
74 .darkify-image-select-control .darkify-image-option:nth-child(n+6) {
75 pointer-events: none;
76 opacity: 0.8;
77 }
78
79 .darkify-image-select-control .darkify-image-option:nth-child(n+6)::after {
80 position: absolute;
81 content: "PRO";
82 top: 0;
83 right: 0;
84 padding: 4px;
85 background-color: #717171;
86 font-size: 10px;
87 line-height: 10px;
88 border-top-right-radius: 3px;
89 border-bottom-left-radius: 3px;
90 color: #fff;
91 font-weight: 700;
92 }
93
94 /*# sourceMappingURL=index.css.map*/