|
1 | 1 | /*!
|
2 | 2 | * knockout-daterangepicker
|
3 |
| - * version: 0.0.9 |
| 3 | + * version: 0.1.0 |
4 | 4 | * authors: Sensor Tower team
|
5 | 5 | * license: MIT
|
6 | 6 | * https://sensortower.github.io/daterangepicker
|
|
10 | 10 | position: absolute;
|
11 | 11 | background: white;
|
12 | 12 | box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
|
13 |
| - -webkit-justify-content: flex-start; |
14 |
| - -ms-flex-pack: start; |
15 |
| - justify-content: flex-start; |
| 13 | + -ms-flex-pack: start; |
| 14 | + justify-content: flex-start; |
16 | 15 | border-radius: 4px;
|
17 | 16 | padding: 4px;
|
18 | 17 | font-size: 13px;
|
|
51 | 50 | }
|
52 | 51 |
|
53 | 52 | .daterangepicker .periods {
|
54 |
| - display: -webkit-inline-flex; |
55 | 53 | display: -ms-inline-flexbox;
|
56 | 54 | display: inline-flex;
|
57 | 55 | margin: 0 auto 8px;
|
|
66 | 64 | }
|
67 | 65 |
|
68 | 66 | .daterangepicker .ranges {
|
69 |
| - display: -webkit-flex; |
70 | 67 | display: -ms-flexbox;
|
71 | 68 | display: flex;
|
72 |
| - -webkit-flex-direction: column; |
73 |
| - -ms-flex-direction: column; |
74 |
| - flex-direction: column; |
75 |
| - -webkit-align-items: stretch; |
76 |
| - -ms-flex-align: stretch; |
77 |
| - align-items: stretch; |
| 69 | + -ms-flex-direction: column; |
| 70 | + flex-direction: column; |
| 71 | + -ms-flex-align: stretch; |
| 72 | + align-items: stretch; |
78 | 73 | }
|
79 | 74 |
|
80 | 75 | .daterangepicker .ranges li {
|
|
84 | 79 | }
|
85 | 80 |
|
86 | 81 | .daterangepicker .custom-range-inputs {
|
87 |
| - display: -webkit-flex; |
88 | 82 | display: -ms-flexbox;
|
89 | 83 | display: flex;
|
90 | 84 | margin: -3px;
|
|
94 | 88 | .daterangepicker .custom-range-inputs input {
|
95 | 89 | min-width: 50px;
|
96 | 90 | width: 50px;
|
97 |
| - -webkit-flex: 1; |
98 |
| - -ms-flex: 1; |
99 |
| - flex: 1; |
| 91 | + -ms-flex: 1; |
| 92 | + flex: 1; |
100 | 93 | margin: 3px;
|
101 | 94 | border-radius: 4px;
|
102 | 95 | border: 1px solid #ccc;
|
|
107 | 100 | }
|
108 | 101 |
|
109 | 102 | .daterangepicker .custom-range-buttons {
|
110 |
| - display: -webkit-flex; |
111 | 103 | display: -ms-flexbox;
|
112 | 104 | display: flex;
|
113 | 105 | margin: -3px;
|
|
161 | 153 | .daterangepicker .arrow-left:before {
|
162 | 154 | border-right-width: 6px;
|
163 | 155 | border-right-color: #333;
|
164 |
| - -webkit-transform: translate(-10px, -3.5px); |
165 |
| - transform: translate(-10px, -3.5px); |
| 156 | + transform: translate(-10px, -3.5px); |
166 | 157 | }
|
167 | 158 |
|
168 | 159 | .daterangepicker .arrow-right {
|
|
172 | 163 | .daterangepicker .arrow-right:before {
|
173 | 164 | border-left-width: 6px;
|
174 | 165 | border-left-color: #333;
|
175 |
| - -webkit-transform: translate(6px, -3.5px); |
176 |
| - transform: translate(6px, -3.5px); |
| 166 | + transform: translate(6px, -3.5px); |
177 | 167 | }
|
178 | 168 |
|
179 | 169 | .daterangepicker.orientation-right:not(.standalone):before {
|
|
236 | 226 | }
|
237 | 227 |
|
238 | 228 | .daterangepicker select.month-select {
|
239 |
| - -webkit-flex: 10; |
240 |
| - -ms-flex: 10; |
241 |
| - flex: 10; |
| 229 | + -ms-flex: 10; |
| 230 | + flex: 10; |
242 | 231 | max-width: 75%;
|
243 | 232 | }
|
244 | 233 |
|
245 | 234 | .daterangepicker select.year-select {
|
246 |
| - -webkit-flex: 11; |
247 |
| - -ms-flex: 11; |
248 |
| - flex: 11; |
| 235 | + -ms-flex: 11; |
| 236 | + flex: 11; |
249 | 237 | max-width: 75%;
|
250 | 238 | }
|
251 | 239 |
|
252 | 240 | .daterangepicker select.decade-select {
|
253 |
| - -webkit-flex: 11; |
254 |
| - -ms-flex: 11; |
255 |
| - flex: 11; |
| 241 | + -ms-flex: 11; |
| 242 | + flex: 11; |
256 | 243 | max-width: 75%;
|
257 | 244 | }
|
258 | 245 |
|
|
292 | 279 | }
|
293 | 280 |
|
294 | 281 | .calendar .calendar-header {
|
295 |
| - display: -webkit-flex; |
296 | 282 | display: -ms-flexbox;
|
297 | 283 | display: flex;
|
298 | 284 | margin: 0 6px 4px;
|
299 | 285 | }
|
300 | 286 |
|
301 | 287 | .calendar .calendar-header .calendar-selects {
|
302 |
| - -webkit-flex: 5; |
303 |
| - -ms-flex: 5; |
304 |
| - flex: 5; |
| 288 | + -ms-flex: 5; |
| 289 | + flex: 5; |
305 | 290 | text-align: center;
|
306 |
| - display: -webkit-flex; |
307 | 291 | display: -ms-flexbox;
|
308 | 292 | display: flex;
|
309 |
| - -webkit-justify-content: center; |
310 |
| - -ms-flex-pack: center; |
311 |
| - justify-content: center; |
312 |
| - -webkit-align-items: center; |
313 |
| - -ms-flex-align: center; |
314 |
| - align-items: center; |
| 293 | + -ms-flex-pack: center; |
| 294 | + justify-content: center; |
| 295 | + -ms-flex-align: center; |
| 296 | + align-items: center; |
315 | 297 | padding: 2px;
|
316 | 298 | }
|
317 | 299 |
|
318 | 300 | .calendar .calendar-header .arrow {
|
319 |
| - -webkit-flex: 1; |
320 |
| - -ms-flex: 1; |
321 |
| - flex: 1; |
| 301 | + -ms-flex: 1; |
| 302 | + flex: 1; |
322 | 303 | text-align: center;
|
323 | 304 | }
|
324 | 305 |
|
|
332 | 313 | border-radius: 4px;
|
333 | 314 | overflow: hidden;
|
334 | 315 | padding: 5px;
|
335 |
| - display: -webkit-flex; |
336 | 316 | display: -ms-flexbox;
|
337 | 317 | display: flex;
|
338 |
| - -webkit-align-content: stretch; |
339 |
| - -ms-flex-line-pack: stretch; |
340 |
| - align-content: stretch; |
341 |
| - -webkit-justify-content: space-around; |
342 |
| - -ms-flex-pack: distribute; |
343 |
| - justify-content: space-around; |
344 |
| - -webkit-flex-direction: column; |
345 |
| - -ms-flex-direction: column; |
346 |
| - flex-direction: column; |
| 318 | + -ms-flex-line-pack: stretch; |
| 319 | + align-content: stretch; |
| 320 | + -ms-flex-pack: distribute; |
| 321 | + justify-content: space-around; |
| 322 | + -ms-flex-direction: column; |
| 323 | + flex-direction: column; |
347 | 324 | }
|
348 | 325 |
|
349 | 326 | .calendar .calendar-table .table-row {
|
350 |
| - display: -webkit-flex; |
351 | 327 | display: -ms-flexbox;
|
352 | 328 | display: flex;
|
353 |
| - -webkit-align-content: stretch; |
354 |
| - -ms-flex-line-pack: stretch; |
355 |
| - align-content: stretch; |
356 |
| - -webkit-justify-content: space-around; |
357 |
| - -ms-flex-pack: distribute; |
358 |
| - justify-content: space-around; |
359 |
| - -webkit-flex: 1; |
360 |
| - -ms-flex: 1; |
361 |
| - flex: 1; |
| 329 | + -ms-flex-line-pack: stretch; |
| 330 | + align-content: stretch; |
| 331 | + -ms-flex-pack: distribute; |
| 332 | + justify-content: space-around; |
| 333 | + -ms-flex: 1; |
| 334 | + flex: 1; |
362 | 335 | }
|
363 | 336 |
|
364 | 337 | .calendar .calendar-table .table-row .table-col {
|
365 |
| - display: -webkit-flex; |
366 | 338 | display: -ms-flexbox;
|
367 | 339 | display: flex;
|
368 |
| - -webkit-flex: 1; |
369 |
| - -ms-flex: 1; |
370 |
| - flex: 1; |
| 340 | + -ms-flex: 1; |
| 341 | + flex: 1; |
371 | 342 | text-align: center;
|
372 | 343 | line-height: 1;
|
373 | 344 | cursor: default;
|
|
378 | 349 | }
|
379 | 350 |
|
380 | 351 | .calendar .calendar-table .table-row .table-col .table-value-wrapper {
|
381 |
| - display: -webkit-flex; |
382 | 352 | display: -ms-flexbox;
|
383 | 353 | display: flex;
|
384 |
| - -webkit-flex: 1; |
385 |
| - -ms-flex: 1; |
386 |
| - flex: 1; |
387 |
| - -webkit-align-items: center; |
388 |
| - -ms-flex-align: center; |
389 |
| - align-items: center; |
| 354 | + -ms-flex: 1; |
| 355 | + flex: 1; |
| 356 | + -ms-flex-align: center; |
| 357 | + align-items: center; |
390 | 358 | }
|
391 | 359 |
|
392 | 360 | .calendar .calendar-table .table-row .table-col .table-value-wrapper .table-value {
|
393 |
| - -webkit-flex: 1; |
394 |
| - -ms-flex: 1; |
395 |
| - flex: 1; |
| 361 | + -ms-flex: 1; |
| 362 | + flex: 1; |
396 | 363 | }
|
397 | 364 |
|
398 | 365 | .calendar .calendar-table .table-row .table-col.out-of-boundaries, .calendar .calendar-table .table-row .table-col.unavailable,
|
|
435 | 402 | }
|
436 | 403 |
|
437 | 404 | .calendar .calendar-table .table-row .table-col .week-day {
|
438 |
| - -webkit-flex: 1; |
439 |
| - -ms-flex: 1; |
440 |
| - flex: 1; |
| 405 | + -ms-flex: 1; |
| 406 | + flex: 1; |
441 | 407 | text-align: center;
|
442 | 408 | }
|
443 | 409 |
|
|
446 | 412 | }
|
447 | 413 |
|
448 | 414 | .daterangepicker.opened {
|
449 |
| - display: -webkit-inline-flex; |
450 | 415 | display: -ms-inline-flexbox;
|
451 | 416 | display: inline-flex;
|
452 | 417 | }
|
|
476 | 441 | }
|
477 | 442 |
|
478 | 443 | .daterangepicker.single {
|
479 |
| - -webkit-flex-direction: column; |
480 |
| - -ms-flex-direction: column; |
481 |
| - flex-direction: column; |
| 444 | + -ms-flex-direction: column; |
| 445 | + flex-direction: column; |
482 | 446 | }
|
483 | 447 |
|
484 | 448 | .daterangepicker.single .ranges,
|
|
489 | 453 | }
|
490 | 454 |
|
491 | 455 | .daterangepicker.single .controls {
|
492 |
| - display: -webkit-flex; |
493 | 456 | display: -ms-flexbox;
|
494 | 457 | display: flex;
|
495 |
| - -webkit-justify-content: center; |
496 |
| - -ms-flex-pack: center; |
497 |
| - justify-content: center; |
| 458 | + -ms-flex-pack: center; |
| 459 | + justify-content: center; |
498 | 460 | }
|
499 | 461 |
|
500 | 462 | .daterangepicker.single .controls .periods {
|
|
524 | 486 | }
|
525 | 487 |
|
526 | 488 | .daterangepicker.quarter-period .table-col {
|
527 |
| - -webkit-flex-direction: column; |
528 |
| - -ms-flex-direction: column; |
529 |
| - flex-direction: column; |
| 489 | + -ms-flex-direction: column; |
| 490 | + flex-direction: column; |
530 | 491 | font-size: 2em;
|
531 | 492 | }
|
532 | 493 |
|
|
536 | 497 | }
|
537 | 498 |
|
538 | 499 | .daterangepicker.orientation-left:not(.single) .controls {
|
539 |
| - -webkit-order: 2; |
540 |
| - -ms-flex-order: 2; |
541 |
| - order: 2; |
| 500 | + -ms-flex-order: 2; |
| 501 | + order: 2; |
542 | 502 | }
|
0 commit comments