PluginProbe
Elementor Website Builder – more than just a page builder / 3.13.0-beta1
Elementor Website Builder – more than just a page builder v3.13.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
← All changes | assets/css/responsive-bar.css +16 -10 4.0.9 → 3.13.0-beta1 View file →
@@ -1,4 +1,5 @@
1 +/*! elementor - v3.13.0 - 19-04-2023 */
1 2 :root {
2 3 --e-is-device-mode: 0;
3 4 }
4 5
@@ -20,9 +21,12 @@
20 21 }
21 22 #elementor-responsive-bar:before {
22 23 content: "";
23 24 position: absolute;
24 - inset: 0;
25 + left: 0;
26 + top: 0;
27 + width: 100%;
28 + height: 100%;
25 29 z-index: -1;
26 30 transform: scaleX(var(--e-preview-scale, 1));
27 31 }
28 32
@@ -41,9 +45,9 @@
41 45 color: var(--e-a-color-primary-bold);
42 46 background-color: #310132;
43 47 }
44 48 .e-responsive-bar-switcher__option[aria-selected=true] {
45 - background-color: #3f444b;
49 + background-color: #3A3F45;
46 50 color: #F9FAFA;
47 51 }
48 52 .e-responsive-bar-switcher__option input {
49 53 display: none;
@@ -48,9 +52,10 @@
48 52 .e-responsive-bar-switcher__option input {
49 53 display: none;
50 54 }
51 55 .e-responsive-bar-switcher__option:not(:last-child) {
52 - margin-inline-end: 6px;
56 + -webkit-margin-end: 6px;
57 + margin-inline-end: 6px;
53 58 }
54 59 .e-responsive-bar__button {
55 60 -webkit-appearance: none;
56 61 -moz-appearance: none;
@@ -64,9 +69,9 @@
64 69 outline: none;
65 70 }
66 71 .e-responsive-bar__button:hover {
67 72 color: #F1F2F3;
68 - background-color: #3f444b;
73 + background-color: #3A3F45;
69 74 }
70 75 .e-responsive-bar--pipe {
71 76 position: relative;
72 77 }
@@ -105,17 +110,17 @@
105 110 }
106 111
107 112 #e-responsive-bar {
108 113 width: 100%;
109 - margin-block-start: calc(-40px + 40px * var(--e-is-device-mode));
114 + margin-top: calc(-40px + 40px * var(--e-is-device-mode));
110 115 z-index: 1;
111 - transition: margin-block-start 0.2s ease-in-out;
116 + transition: margin-top 0.2s ease-in-out;
112 117 display: grid;
113 118 grid-template-columns: auto 1fr;
114 119 align-items: center;
115 120 justify-content: space-between;
116 121 color: #BABFC5;
117 - background-color: #1f2124;
122 + background-color: #1A1C1E;
118 123 }
119 124 #e-responsive-bar__center, #e-responsive-bar__end, #e-responsive-bar-scale, #e-responsive-bar-switcher {
120 125 display: flex;
121 126 justify-content: center;
@@ -120,9 +125,9 @@
120 125 display: flex;
121 126 justify-content: center;
122 127 align-items: center;
123 128 font-size: 13px;
124 - background-color: #1f2124;
129 + background-color: #1A1C1E;
125 130 padding: 2px 0;
126 131 }
127 132 #e-responsive-bar__end {
128 133 justify-self: end;
@@ -144,9 +149,10 @@
144 149 }
145 150 #e-responsive-bar__size-inputs-wrapper {
146 151 display: flex;
147 152 align-items: center;
148 - margin-inline-end: 8px;
153 + -webkit-margin-end: 8px;
154 + margin-inline-end: 8px;
149 155 color: #BABFC5;
150 156 }
151 157 #e-responsive-bar-switcher {
152 158 padding: 0 20px;
@@ -170,9 +176,9 @@
170 176 transition: all 0.3s;
171 177 }
172 178 #e-responsive-bar-scale__plus:hover, #e-responsive-bar-scale__minus:hover, #e-responsive-bar-scale__reset:hover {
173 179 color: #F1F2F3;
174 - background-color: #3f444b;
180 + background-color: #3A3F45;
175 181 }
176 182 #e-responsive-bar-scale__minus:before {
177 183 content: "";
178 184 display: block;