aboutsummaryrefslogtreecommitdiffhomepage
path: root/assets
diff options
context:
space:
mode:
author崖鹰 <zhao.wuz@alipay.com>2015-11-13 11:33:48 +0800
committer崖鹰 <zhao.wuz@alipay.com>2015-11-13 11:33:48 +0800
commit02de449a0474765a4796fa607e7e3922252f574f (patch)
treedc37faf2f610343112ea1fc3707ad188092bd031 /assets
parent1f336fabc9135ac971e53d9c2ae407db69b8f096 (diff)
downloadtime-picker-02de449a0474765a4796fa607e7e3922252f574f.tar.gz
time-picker-02de449a0474765a4796fa607e7e3922252f574f.tar.zst
time-picker-02de449a0474765a4796fa607e7e3922252f574f.zip
release 0.1.0
Diffstat (limited to 'assets')
-rw-r--r--assets/index.less22
-rw-r--r--assets/index/Combobox.less4
-rw-r--r--assets/index/Header.less54
-rw-r--r--assets/index/Picker.less4
-rw-r--r--assets/index/Select.less50
-rw-r--r--assets/index/TimePanel.less16
6 files changed, 150 insertions, 0 deletions
diff --git a/assets/index.less b/assets/index.less
new file mode 100644
index 0000000..2ab247b
--- /dev/null
+++ b/assets/index.less
@@ -0,0 +1,22 @@
1@prefixClass: rc-timepicker;
2
3.@{prefixClass} {
4 box-sizing: border-box;
5 * {
6 box-sizing: border-box;
7 }
8}
9
10@font-face {
11 font-family: 'anticon';
12 src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
13 /* IE9*/
14 src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
15 /* iOS 4.1- */
16}
17
18@import "./index/Picker";
19@import "./index/TimePanel";
20@import "./index/Header";
21@import "./index/Combobox";
22@import "./index/Select";
diff --git a/assets/index/Combobox.less b/assets/index/Combobox.less
new file mode 100644
index 0000000..a796d0a
--- /dev/null
+++ b/assets/index/Combobox.less
@@ -0,0 +1,4 @@
1.@{prefixClass} {
2 &-combobox {
3 }
4}
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}
diff --git a/assets/index/Picker.less b/assets/index/Picker.less
new file mode 100644
index 0000000..769c4b7
--- /dev/null
+++ b/assets/index/Picker.less
@@ -0,0 +1,4 @@
1.@{prefixClass} {
2 &-picker {
3 }
4}
diff --git a/assets/index/Select.less b/assets/index/Select.less
new file mode 100644
index 0000000..995d09e
--- /dev/null
+++ b/assets/index/Select.less
@@ -0,0 +1,50 @@
1.@{prefixClass}-select {
2 float: left;
3 overflow-y:auto;
4 font-size: 12px;
5 border: 1px solid #e9e9e9;
6 border-width: 0 1px;
7 margin-left: -1px;
8 box-sizing: border-box;
9 width: 56px;
10
11 &:first-child {
12 border-left: 0;
13 margin-left: 0;
14 }
15
16 &:last-child {
17 border-right: 0;
18 }
19
20 ul {
21 list-style: none;
22 box-sizing: border-box;
23 margin: 0;
24 padding: 0;
25 width: 100%;
26 max-height: 144px;
27 }
28
29 li {
30 list-style: none;
31 box-sizing: border-box;
32 margin: 0;
33 padding: 0 0 0 16px;
34 width: 100%;
35 height: 24px;
36 line-height: 24px;
37 text-align: left;
38 cursor: pointer;
39 user-select: none;
40
41 &.selected {
42 background: #edfaff;
43 color: #2db7f5;
44 }
45
46 &:hover {
47 background: #edfaff;
48 }
49 }
50}
diff --git a/assets/index/TimePanel.less b/assets/index/TimePanel.less
new file mode 100644
index 0000000..574605f
--- /dev/null
+++ b/assets/index/TimePanel.less
@@ -0,0 +1,16 @@
1.@{prefixClass}-panel {
2 display: inline-block;
3 position: relative;
4 outline: none;
5 font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
6 border: 1px solid #ccc;
7 list-style: none;
8 font-size: 12px;
9 text-align: left;
10 background-color: #fff;
11 border-radius: 3px;
12 box-shadow: 0 1px 5px #ccc;
13 background-clip: padding-box;
14 border: 1px solid #ccc;
15 line-height: 1.5;
16}