PluginProbe
WP Directory Kit / 1.2.7
WP Directory Kit v1.2.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 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.2.7, at elementor-elements/assets/css/wdk-main.scss

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