]> git.immae.eu Git - github/fretlink/time-picker.git/blob - assets/index/Header.less
3.0.0 :tada:
[github/fretlink/time-picker.git] / assets / index / Header.less
1 .@{prefixClass}-panel {
2 &-input {
3 margin: 0;
4 padding: 0;
5 width: 100%;
6 cursor: auto;
7 line-height: 1.5;
8 outline: 0;
9 border: 1px solid transparent;
10
11 &-wrap {
12 box-sizing: border-box;
13 position: relative;
14 padding: 6px;
15 border-bottom: 1px solid #e9e9e9;
16 }
17
18 &-invalid {
19 border-color: red;
20 }
21 }
22
23 &-clear-btn {
24 position: absolute;
25 right: 6px;
26 cursor: pointer;
27 overflow: hidden;
28 width: 20px;
29 height: 20px;
30 text-align: center;
31 line-height: 20px;
32 top: 6px;
33 margin: 0;
34 }
35
36 &-clear-btn:after {
37 content: "x";
38 font-size: 12px;
39 color: #aaa;
40 display: inline-block;
41 line-height: 1;
42 width: 20px;
43 transition: color 0.3s ease;
44 }
45
46 &-clear-btn:hover:after {
47 color: #666;
48 }
49 }