PluginProbe
WP Directory Kit / 1.5.9
WP Directory Kit v1.5.9
1.5.9 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 trunk 1.1.0 1.1.6 1.1.8 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.8 All 37 releases
wpdirectorykit / elementor-elements / assets / css / wdk-main.scss

wdk-main.scss in WP Directory Kit 1.5.9, at elementor-elements/assets/css/wdk-main.scss

334 lines 8.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wdk-element {
2 @import 'widgets/wdk-listings-results.scss';
3 word-break: normal;
4 .wdk-row {
5 display: -webkit-flex;
6 display: -webkit-box;
7 display: -ms-flexbox;
8 display: flex;
9 -webkit-flex-wrap: wrap;
10 -ms-flex-wrap: wrap;
11 flex-wrap: wrap;
12 margin: 0 -15px;
13 margin-bottom: -15px;
14 }
15
16 .wdk-row .wdk-col {
17 margin-bottom: 15px;
18 -webkit-box-flex: 0;
19 -webkit-flex: 0 0 calc(100% / 2);
20 -ms-flex: 0 0 calc(100% / 2);
21 flex: 0 0 calc(100% / 2);
22 flex: 0 0 calc(100% / 2);
23 width: calc(100% / 2);
24 padding: 0 15px;
25 max-width: 100%;
26 }
27
28 .wdk-row .wdk-col.wdk-col-full {
29 -webkit-flex: 0 0 100%;
30 -ms-flex: 0 0 100%;
31 flex: 0 0 100%;
32 flex: 0 0 100%;
33 width: 100%;
34 }
35
36 .wdk-row .wdk-col.wdk-col-full-always {
37 -webkit-flex: 0 0 100% !important;
38 -ms-flex: 0 0 100% !important;
39 flex: 0 0 100% !important;
40 flex: 0 0 100% !important;
41 width: 100% !important;
42 }
43
44 .wdk-listings-results.wdk_size_image_cover .wdk-listing-card .wdk-thumbnail .wdk-image {
45 object-fit: cover;
46 width:100%;
47 }
48
49 .wdk-listings-results.wdk_size_image_ori .wdk-listing-card .wdk-thumbnail .wdk-image {
50 object-fit: initial;
51 }
52
53 input {
54 outline: initial !important;
55 }
56
57 select {
58 min-height: auto;
59 }
60 }
61
62 .wdk-listings-results {
63
64 .wdk_results_listings_slider_ini:not(.slick-initialized) .wdk_lr_s_item:not(:nth-child(1)) {
65 display: none !important;
66 }
67
68 .wdk_results_listings_slider_ini .wdk-listing-card {
69 margin: 15px 15px;
70 }
71
72 .wdk_results_listings_slider_box,
73 .wdk_slider_box {
74 & {
75 display: flex;
76 flex-direction: column;
77 position: relative;
78 }
79
80 .wdk_results_listings_slider_body {
81 position: relative;
82 }
83
84 &.wdk_slider_arrows_top,
85 &.wdk_slider_arrows_top .wdk_results_listings_slider_body,
86 &.wdk-categories-carousel_arrows_top {
87 flex-direction: column-reverse;
88 }
89
90 &.wdk_slider_arrows_top .wdk_results_listings_slider_body {
91 display: flex;
92 }
93
94 &.wdk_slider_arrows_middle,
95 &.wdk-categories-carousel_arrows_middle {
96 .wdk_slider_arrows,
97 .wdk-categories-carousel_arrows {
98 .wdk_lr_slider_arrow {
99 &{
100 position: absolute;
101 top: 50%;
102 transform: translateY(-50%);
103 }
104 &.wdk-slider-prev {
105 left: 0;
106 }
107 &.wdk-slider-next {
108 right: 0;
109 }
110
111 }
112 }
113 }
114
115 &.wdk_lr_slider_dots_in .slick-dots,
116 &.wdk-categories-carousel_arrows_bottom.wdk-categories-carousel_arrows_in .wdk-categories-carousel_arrows {
117 position: absolute;
118 width: 100%;
119 margin-bottom: 10px;
120 bottom: 0;
121 }
122
123 &.wdk-categories-carousel_arrows_top.wdk-categories-carousel_arrows_in .wdk-categories-carousel_arrows {
124 position: absolute;
125 width: 100%;
126 margin-top: 10px;
127 top: 0;
128 }
129
130 &.wdk_slider_arrows_middle,
131 &.wdk-categories-carousel_arrows_middle {
132 .wdk_slider_arrows,
133 .wdk-categories-carousel_arrows {
134 .wdk_lr_slider_arrow {
135 &{
136 position: absolute;
137 top: 50%;
138 transform: translateY(-50%);
139 }
140 &.wdk-slider-prev {
141 left: -15px;
142 }
143 &.wdk-slider-next {
144 right: -15px;
145 }
146 }
147 }
148 }
149
150 &.wdk-categories-carousel_arrows_middle.wdk-categories-carousel_arrows_in {
151 .wdk-categories-carousel_arrows {
152 .wdk_lr_slider_arrow {
153 &.wdk-slider-prev {
154 left: 0px;
155 }
156 &.wdk-slider-next {
157 right: 0px;
158 }
159
160 }
161 }
162 }
163
164 .slick-dotted.slick-slider {
165 margin-bottom: 0;
166 }
167
168 }
169
170 .wdk_slider_arrows,
171 .wdk-categories-carousel_arrows {
172 & {
173 display: flex;
174 justify-content: center;
175 align-content: center;
176 align-items: center;
177 }
178
179 .wdk_lr_slider_arrow {
180 width: 40px;
181 height: 40px;
182 display: inline-block;
183 line-height: 40px;
184 border: 1px solid #075AC9;
185 border-radius: 50%;
186 text-align: center;
187 display: flex;
188 justify-content: center;
189 align-content: center;
190 align-items: center;
191 cursor: pointer;
192 margin: 5px 5px;
193 &:hover {
194 background: #0448A2;
195 color: #fff;
196 }
197 }
198 }
199
200 .slick-dots {
201 padding: 5px 5px;
202 position: initial;
203 display: flex;
204 justify-content: center;
205 }
206
207 .slick-dots li {
208 width: auto;
209 height: auto;
210 margin: 5px 5px;
211 }
212
213 .slick-dots .wdk_lr_dot {
214 display: inline-block;
215 }
216
217 .slick-dots li .wdk_lr_dot {
218 color: #8e8e8e;
219 transition: all .15s;
220 }
221
222 .slick-dots li .wdk_lr_dot:hover,
223 .slick-dots li.slick-active .wdk_lr_dot {
224 color: #242526;
225 }
226
227 .wdk_results_listings_slider_ini .wdk_lr_s_item_box_line .wdk_lr_s_item_box_title .wdk_lr_s_item_box_link,
228 .wdk-categories-carousel_arrows .wdk_lr_slider_arrow {
229 transition: all 0.4s ease-in-out;
230 }
231 }
232
233 .elementor-panel .elementor-tab-control-fields_tab span:before,
234 .elementor-panel .elementor-tab-control-fields_tab a:before {
235 content: "\e8f1";
236 }
237
238 .elementor-panel .elementor-tab-control-tab_conf span:before,
239 .elementor-panel .elementor-tab-control-tab_conf a:before {
240 content: "\e917";
241 }
242
243 .elementor-panel .elementor-tab-control-tab_content span:before,
244 .elementor-panel .elementor-tab-control-tab_content a:before {
245 content: "\e917";
246 }
247
248 .elementor-panel .elementor-tab-control-tab_layout span:before,
249 .elementor-panel .elementor-tab-control-tab_layout a:before {
250 content: "\e80c'";
251 }
252
253 .elementor-panel .elementor-tab-control-tab_slider_main span:before,
254 .elementor-panel .elementor-tab-control-tab_slider_main a:before {
255 content: "\e857";
256 }
257
258 .elementor-panel .elementor-tab-control-tab_settings span:before,
259 .elementor-panel .elementor-tab-control-tab_settings a:before {
260 content: "\e917";
261 }
262
263 .elementor-panel .elementor-tab-control-tab_popup span:before,
264 .elementor-panel .elementor-tab-control-tab_popup a:before {
265 content: "\e917";
266 }
267
268 .elementor-panel .elementor-tab-control-tab_contructor span:before,
269 .elementor-panel .elementor-tab-control-tab_contructor a:before {
270 content: "\e878";
271 }
272
273 .elementor-panel .elementor-tab-control-tab_form_styles span:before,
274 .elementor-panel .elementor-tab-control-tab_form_styles a:before {
275 content: "\e966";
276 }
277
278 .elementor-control .hint-italic {
279 font-style: italic;
280 }
281
282 .wdk-field-value
283 {
284 line-height: 1;
285 .value {
286 line-height: 1.8;
287 margin: 0;
288 padding: 0;
289
290 a:hover,
291 a {
292 color: inherit;
293 text-decoration: inherit;
294 font-weight: inherit;
295 font-size: inherit;
296 font-family: inherit;
297 font-style: inherit;
298 font-variant: inherit;
299 font-stretch: inherit;
300 font-optical-sizing: inherit;
301 font-kerning: inherit;
302 font-feature-settings: inherit;
303 font-variation-settings: inherit;
304 }
305 }
306 }
307
308
309 .wdk-field-value-stars-lst {
310 display: flex;
311 align-items: center;
312 justify-content: center;
313 gap: 2px;
314 }
315
316 .wdk-button-login .dash-span {
317 position: relative;
318 .count_messages {
319 position: absolute;
320 text-align: center;
321 display: flex;
322 align-items: center;
323 justify-content: center;
324 width: 20px;
325 height: 20px;
326 color: #fff;
327 font-size: 10px;
328 font-weight: 500;
329 background: #0074E4;
330 top: -10px;
331 right: -3px;
332 border-radius: 50%;
333 }
334 }