PluginProbe
WP Directory Kit / 1.3.3
WP Directory Kit v1.3.3
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 1.4.0 1.4.1 All 35 releases
wpdirectorykit / elementor-elements / assets / css / wdk-main.scss

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

306 lines 8.3 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 .wdk_results_listings_slider_ini:not(.slick-initialized) .wdk_lr_s_item:not(:nth-child(1)) {
64 display: none !important;
65 }
66
67 .wdk_results_listings_slider_ini .wdk-listing-card {
68 margin: 15px 15px;
69 }
70
71 .wdk_results_listings_slider_box,
72 .wdk_slider_box {
73 & {
74 display: flex;
75 flex-direction: column;
76 position: relative;
77 }
78
79 .wdk_results_listings_slider_body {
80 position: relative;
81 }
82
83 &.wdk_slider_arrows_top,
84 &.wdk_slider_arrows_top .wdk_results_listings_slider_body,
85 &.wdk-categories-carousel_arrows_top {
86 flex-direction: column-reverse;
87 }
88
89 &.wdk_slider_arrows_top .wdk_results_listings_slider_body {
90 display: flex;
91 }
92
93 &.wdk_slider_arrows_middle,
94 &.wdk-categories-carousel_arrows_middle {
95 .wdk_slider_arrows,
96 .wdk-categories-carousel_arrows {
97 .wdk_lr_slider_arrow {
98 &{
99 position: absolute;
100 top: 50%;
101 transform: translateY(-50%);
102 }
103 &.wdk-slider-prev {
104 left: 0;
105 }
106 &.wdk-slider-next {
107 right: 0;
108 }
109
110 }
111 }
112 }
113
114 &.wdk_lr_slider_dots_in .slick-dots,
115 &.wdk-categories-carousel_arrows_bottom.wdk-categories-carousel_arrows_in .wdk-categories-carousel_arrows {
116 position: absolute;
117 width: 100%;
118 margin-bottom: 10px;
119 bottom: 0;
120 }
121
122 &.wdk-categories-carousel_arrows_top.wdk-categories-carousel_arrows_in .wdk-categories-carousel_arrows {
123 position: absolute;
124 width: 100%;
125 margin-top: 10px;
126 top: 0;
127 }
128
129 &.wdk_slider_arrows_middle,
130 &.wdk-categories-carousel_arrows_middle {
131 .wdk_slider_arrows,
132 .wdk-categories-carousel_arrows {
133 .wdk_lr_slider_arrow {
134 &{
135 position: absolute;
136 top: 50%;
137 transform: translateY(-50%);
138 }
139 &.wdk-slider-prev {
140 left: -15px;
141 }
142 &.wdk-slider-next {
143 right: -15px;
144 }
145 }
146 }
147 }
148
149 &.wdk-categories-carousel_arrows_middle.wdk-categories-carousel_arrows_in {
150 .wdk-categories-carousel_arrows {
151 .wdk_lr_slider_arrow {
152 &.wdk-slider-prev {
153 left: 0px;
154 }
155 &.wdk-slider-next {
156 right: 0px;
157 }
158
159 }
160 }
161 }
162
163 .slick-dotted.slick-slider {
164 margin-bottom: 0;
165 }
166
167 }
168
169 .wdk_slider_arrows,
170 .wdk-categories-carousel_arrows {
171 & {
172 display: flex;
173 justify-content: center;
174 align-content: center;
175 align-items: center;
176 }
177
178 .wdk_lr_slider_arrow {
179 width: 40px;
180 height: 40px;
181 display: inline-block;
182 line-height: 40px;
183 border: 1px solid #075AC9;
184 border-radius: 50%;
185 text-align: center;
186 display: flex;
187 justify-content: center;
188 align-content: center;
189 align-items: center;
190 cursor: pointer;
191 margin: 5px 5px;
192 &:hover {
193 background: #0448A2;
194 color: #fff;
195 }
196 }
197 }
198
199 .slick-dots {
200 padding: 5px 5px;
201 position: initial;
202 display: flex;
203 justify-content: center;
204 }
205
206 .slick-dots li {
207 width: auto;
208 height: auto;
209 margin: 5px 5px;
210 }
211
212 .slick-dots .wdk_lr_dot {
213 display: inline-block;
214 }
215
216 .slick-dots li .wdk_lr_dot {
217 color: #8e8e8e;
218 transition: all .15s;
219 }
220
221 .slick-dots li .wdk_lr_dot:hover,
222 .slick-dots li.slick-active .wdk_lr_dot {
223 color: #242526;
224 }
225
226 .wdk_results_listings_slider_ini .wdk_lr_s_item_box_line .wdk_lr_s_item_box_title .wdk_lr_s_item_box_link,
227 .wdk-categories-carousel_arrows .wdk_lr_slider_arrow {
228 transition: all 0.4s ease-in-out;
229 }
230 }
231
232 .elementor-panel .elementor-tab-control-fields_tab span:before,
233 .elementor-panel .elementor-tab-control-fields_tab a:before {
234 content: "\e8f1";
235 }
236
237 .elementor-panel .elementor-tab-control-tab_conf span:before,
238 .elementor-panel .elementor-tab-control-tab_conf a:before {
239 content: "\e917";
240 }
241
242 .elementor-panel .elementor-tab-control-tab_content span:before,
243 .elementor-panel .elementor-tab-control-tab_content a:before {
244 content: "\e917";
245 }
246
247 .elementor-panel .elementor-tab-control-tab_layout span:before,
248 .elementor-panel .elementor-tab-control-tab_layout a:before {
249 content: "\e80c'";
250 }
251
252 .elementor-panel .elementor-tab-control-tab_slider_main span:before,
253 .elementor-panel .elementor-tab-control-tab_slider_main a:before {
254 content: "\e857";
255 }
256
257 .elementor-panel .elementor-tab-control-tab_settings span:before,
258 .elementor-panel .elementor-tab-control-tab_settings a:before {
259 content: "\e917";
260 }
261
262 .elementor-panel .elementor-tab-control-tab_popup span:before,
263 .elementor-panel .elementor-tab-control-tab_popup a:before {
264 content: "\e917";
265 }
266
267 .elementor-panel .elementor-tab-control-tab_contructor span:before,
268 .elementor-panel .elementor-tab-control-tab_contructor a:before {
269 content: "\e878";
270 }
271
272 .elementor-panel .elementor-tab-control-tab_form_styles span:before,
273 .elementor-panel .elementor-tab-control-tab_form_styles a:before {
274 content: "\e966";
275 }
276
277 .elementor-control .hint-italic {
278 font-style: italic;
279 }
280
281 .wdk-field-value .value {
282 line-height: 1.8;
283 margin: 0;
284 padding: 0;
285 }
286
287
288 .wdk-button-login .dash-span {
289 position: relative;
290 .count_messages {
291 position: absolute;
292 text-align: center;
293 display: flex;
294 align-items: center;
295 justify-content: center;
296 width: 20px;
297 height: 20px;
298 color: #fff;
299 font-size: 10px;
300 font-weight: 500;
301 background: #0074E4;
302 top: -10px;
303 right: -3px;
304 border-radius: 50%;
305 }
306 }