Avi Ziv | b8e2faf | 2017-07-18 19:45:38 +0300 | [diff] [blame^] | 1 | .customized-date-picker { |
2 | margin-bottom: 24px; | ||||
3 | .date-picker-label { | ||||
4 | &.required { | ||||
5 | &:before { | ||||
6 | content: "*"; | ||||
7 | color: $red; | ||||
8 | margin: 0 4px 0 0; | ||||
9 | } | ||||
10 | } | ||||
11 | |||||
12 | @extend .body-2-semibold; | ||||
13 | color: $dark-gray; | ||||
14 | margin-bottom: 8px; | ||||
15 | } | ||||
16 | .datepicker-custom-input { | ||||
17 | display: flex; | ||||
18 | justify-content: space-between; | ||||
19 | width: 243px; | ||||
20 | height: 30px; | ||||
21 | border-radius: 2px; | ||||
22 | color: $dark-gray; | ||||
23 | border: 1px solid $light-gray; | ||||
24 | padding: 6px 12px; | ||||
25 | &:hover { | ||||
26 | border-color: $gray; | ||||
27 | .clear-input { | ||||
28 | &:before { | ||||
29 | cursor: pointer; | ||||
30 | content: 'x'; | ||||
31 | } | ||||
32 | } | ||||
33 | } | ||||
34 | .datepicker-text { | ||||
35 | cursor: pointer; | ||||
36 | width: 170px; | ||||
37 | @extend .body-1; | ||||
38 | &.placeholder { | ||||
39 | color: $light-gray; | ||||
40 | } | ||||
41 | |||||
42 | } | ||||
43 | .calendar-input { | ||||
44 | fill: $light-gray; | ||||
45 | } | ||||
46 | } | ||||
47 | |||||
48 | |||||
49 | |||||
50 | } | ||||
51 |