diff options
author | 崖鹰 <zhao.wuz@alipay.com> | 2015-11-13 11:33:48 +0800 |
---|---|---|
committer | 崖鹰 <zhao.wuz@alipay.com> | 2015-11-13 11:33:48 +0800 |
commit | 02de449a0474765a4796fa607e7e3922252f574f (patch) | |
tree | dc37faf2f610343112ea1fc3707ad188092bd031 /assets/index/Header.less | |
parent | 1f336fabc9135ac971e53d9c2ae407db69b8f096 (diff) | |
download | time-picker-02de449a0474765a4796fa607e7e3922252f574f.tar.gz time-picker-02de449a0474765a4796fa607e7e3922252f574f.tar.zst time-picker-02de449a0474765a4796fa607e7e3922252f574f.zip |
release 0.1.0
Diffstat (limited to 'assets/index/Header.less')
-rw-r--r-- | assets/index/Header.less | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/assets/index/Header.less b/assets/index/Header.less new file mode 100644 index 0000000..ac3d662 --- /dev/null +++ b/assets/index/Header.less | |||
@@ -0,0 +1,54 @@ | |||
1 | .@{prefixClass} { | ||
2 | &-input { | ||
3 | margin: 0; | ||
4 | padding: 0; | ||
5 | border: 0; | ||
6 | width: 100%; | ||
7 | cursor: auto; | ||
8 | line-height: 1.5; | ||
9 | outline: 0; | ||
10 | border: 1px solid transparent; | ||
11 | |||
12 | &-wrap { | ||
13 | box-sizing: border-box; | ||
14 | position: relative; | ||
15 | padding: 6px; | ||
16 | border-bottom: 1px solid #e9e9e9; | ||
17 | } | ||
18 | |||
19 | &-invalid { | ||
20 | border-color: red; | ||
21 | } | ||
22 | } | ||
23 | |||
24 | &-clear-btn { | ||
25 | position: absolute; | ||
26 | right: 6px; | ||
27 | cursor: pointer; | ||
28 | overflow: hidden; | ||
29 | width: 20px; | ||
30 | height: 20px; | ||
31 | text-align: center; | ||
32 | line-height: 20px; | ||
33 | top: 6px; | ||
34 | margin: 0; | ||
35 | } | ||
36 | |||
37 | &-clear-btn:after { | ||
38 | content: "x"; | ||
39 | font-size: 12px; | ||
40 | color: #aaa; | ||
41 | display: inline-block; | ||
42 | line-height: 1; | ||
43 | width: 20px; | ||
44 | transition: color 0.3s ease; | ||
45 | } | ||
46 | |||
47 | &-clear-btn:hover:after { | ||
48 | color: #666; | ||
49 | } | ||
50 | } | ||
51 | |||
52 | .narrow .@{prefixClass}-input-wrap { | ||
53 | max-width: 111px; | ||
54 | } | ||