| 1 |
|
| 2 | #{$picker} {
|
| 3 | & &-body {
|
| 4 | padding: 8px 12px;
|
| 5 | display: inline-flex;
|
| 6 | flex-direction: column;
|
| 7 | text-align: center;
|
| 8 | background: #FFF;
|
| 9 | border-radius: 2px;
|
| 10 | outline: none;
|
| 11 | }
|
| 12 |
|
| 13 | & &-footer {
|
| 14 | width: min-content;
|
| 15 | min-width: 100%;
|
| 16 | box-sizing: border-box;
|
| 17 | text-align: center;
|
| 18 | border-top: 1px solid #F0F0F0;
|
| 19 | padding: 4px 12px;
|
| 20 | display: flex;
|
| 21 | min-height: 40px;
|
| 22 | align-items: center;
|
| 23 | flex-wrap: wrap;
|
| 24 |
|
| 25 | &-ranges > .#{$css-prefix}btn {
|
| 26 | margin-right: $s-2;
|
| 27 | }
|
| 28 | &-actions {
|
| 29 | margin-left: auto;
|
| 30 | }
|
| 31 | }
|
| 32 | }
|
| 33 |
|
| 34 | #{$calendar2-prefix}-cell {
|
| 35 | &#{$calendar2-prefix}-cell-range-begin-single:before {
|
| 36 | transform: translate(-50%, -50%);
|
| 37 | }
|
| 38 | &#{$calendar2-prefix}-cell-range-end-single:before {
|
| 39 | transform: translate(50%, -50%);
|
| 40 | }
|
| 41 | }
|