查看 | 历史 | 提交 | 提交对比
Administrator
2022-09-14 58d006e05dcf2a20d0ec5367dd03d66a61db6849
提交 | 用户 | 时间
58d006 1 /*
A 2
3 Uniform Theme: Uniform Default
4 Version: 1.8
5 By: Josh Pyles
6 License: MIT License
7 ---
8 For use with the Uniform plugin:
9 http://uniformjs.com/
10
11 */
12
13 $button-height: 30px;
14 $button-margin-left: 13px;
15 $button-padding: 8px 15px 0 2px;
16 $button-span-height: 22px;
17 $checkbox-height: 19px;
18 $checkbox-width: 19px;
19 $input-padding: 3px;
20 $radio-height: 18px;
21 $radio-width: 18px;
22 $select-fixed-width: 190px;
23 $select-height: 26px;
24 $select-margin-left: 10px;
25 $select-margin-right: 25px;
26 $select-select-height: 22px;
27 $select-select-top: 2px;
28 $upload-action-width: 82px;
29 $upload-filename-margin-top: 2px;
30 $upload-filename-margin-bottom: 2px;
31 $upload-filename-margin-left: 2px;
32 $upload-filename-width: 85px;
33 $upload-filename-padding: 0 10px;
34 $upload-height: 28px;
35 $upload-width: 190px;
36
37 @import "../../_base/css/uniform._base.scss";
38
39 /* INPUT & TEXTAREA */
40
41 #{$class-wrapper-element}#{$class-wrapper} input#{$class-input},
42 #{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect},
43 #{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} {
44     font-size: 12px;
45     font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
46     font-weight: normal;
47     color: #777;
48     border-top: solid 1px #aaa;
49     border-left: solid 1px #aaa;
50     border-bottom: solid 1px #ccc;
51     border-right: solid 1px #ccc;
52     @include border-radius($input-padding);
53
54     @include whenHover {
55         @include box-shadow(0px 0px 4px rgba(0,0,0,0.3));
56         border-color: #999;
57     }
58 }
59
60 /* PRESENTATION */
61
62 /* Buttons */
63
64 div#{$class-wrapper}#{$class-button} {
65     span {
66         font-weight: bold;
67         font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
68         font-size: 12px;
69         letter-spacing: 1px;
70         text-transform: uppercase;
71     }
72
73     @include whenHover {
74         span {
75             color: #555;
76         }
77     }
78
79     @include whenDisabled {
80         span {
81             color: #bbb;
82         }
83     }
84 }
85
86
87 /* Select */
88
89 div#{$class-wrapper}#{$class-select} {
90     font-size: 12px;
91
92     span {
93         color: #666;
94         text-shadow: 0 1px 0 #fff;
95     }
96
97     select {
98         font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
99         font-size: 12px;
100     }
101
102     @include whenDisabled {
103         span {
104             color: #bbb;
105         }
106     }
107 }
108
109 /* Checker */
110 div#{$class-wrapper}#{$class-checkbox} {
111     margin-right: 5px;
112 }
113
114 /* Radio */
115 div#{$class-wrapper}#{$class-radio} {
116     margin-right: 3px;
117 }
118
119 /* Uploader */
120 div#{$class-wrapper}#{$class-upload} {
121     span#{$class-action} {
122         text-shadow: #fff 0px 1px 0px;
123         background-color: #fff;
124         font-size: 11px;
125         font-weight: bold;
126     }
127
128     span#{$class-filename} {
129         color: #777;
130         border-right: solid 1px #bbb;
131         font-size: 11px;
132     }
133
134     @include whenDisabled {
135         span#{$class-action} {
136             color: #aaa;
137         }
138
139         span#{$class-filename} {
140             border-color: #ddd;
141             color: #aaa;
142         }
143     }
144 }
145
146 #{$class-wrapper-element}#{$class-wrapper} input#{$class-input} {
147     &, &:focus {
148         background-color: #fff;
149     }
150 }