diff options
Diffstat (limited to 'css/components/form-advanced.css')
-rwxr-xr-x | css/components/form-advanced.css | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/css/components/form-advanced.css b/css/components/form-advanced.css new file mode 100755 index 0000000..f46ee81 --- /dev/null +++ b/css/components/form-advanced.css | |||
@@ -0,0 +1,78 @@ | |||
1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
2 | /* ======================================================================== | ||
3 | Component: Form advanced | ||
4 | Note: Only works in Webkit at the moment | ||
5 | ========================================================================== */ | ||
6 | /* | ||
7 | * 1. Style | ||
8 | * 2. Makes box more robust so it clips the child element | ||
9 | * 3. Vertical alignment | ||
10 | * 4. Remove default style | ||
11 | * 5. Fix black background on iOS | ||
12 | */ | ||
13 | .uk-form input[type="radio"], | ||
14 | .uk-form input[type="checkbox"] { | ||
15 | /* 1 */ | ||
16 | display: inline-block; | ||
17 | height: 14px; | ||
18 | width: 14px; | ||
19 | border: 1px solid #aaa; | ||
20 | /* 2 */ | ||
21 | overflow: hidden; | ||
22 | /* 3 */ | ||
23 | margin-top: -4px; | ||
24 | vertical-align: middle; | ||
25 | /* 4 */ | ||
26 | -webkit-appearance: none; | ||
27 | outline: 0; | ||
28 | /* 5 */ | ||
29 | background: transparent; | ||
30 | } | ||
31 | /* Radio */ | ||
32 | .uk-form input[type="radio"] { | ||
33 | border-radius: 50%; | ||
34 | } | ||
35 | /* | ||
36 | * Checked | ||
37 | */ | ||
38 | .uk-form input[type=radio]:before, | ||
39 | .uk-form input[type=checkbox]:before { | ||
40 | display: block; | ||
41 | } | ||
42 | /* Radio */ | ||
43 | .uk-form input[type=radio]:checked:before { | ||
44 | content: ''; | ||
45 | width: 8px; | ||
46 | height: 8px; | ||
47 | margin: 2px auto 0; | ||
48 | border-radius: 50%; | ||
49 | background: #00a8e6; | ||
50 | } | ||
51 | /* Checkbox */ | ||
52 | .uk-form input[type=checkbox]:checked:before, | ||
53 | .uk-form input[type=checkbox]:indeterminate:before { | ||
54 | content: "\f00c"; | ||
55 | font-family: FontAwesome; | ||
56 | font-size: 12px; | ||
57 | -webkit-font-smoothing: antialiased; | ||
58 | text-align: center; | ||
59 | line-height: 12px; | ||
60 | color: #00a8e6; | ||
61 | } | ||
62 | .uk-form input[type=checkbox]:indeterminate:before { | ||
63 | content: "\f068"; | ||
64 | } | ||
65 | /* | ||
66 | * Disabled | ||
67 | */ | ||
68 | .uk-form input[type=radio]:disabled, | ||
69 | .uk-form input[type=checkbox]:disabled { | ||
70 | border-color: #ddd; | ||
71 | } | ||
72 | .uk-form input[type=radio]:disabled:checked:before { | ||
73 | background-color: #aaa; | ||
74 | } | ||
75 | .uk-form input[type=checkbox]:disabled:checked:before, | ||
76 | .uk-form input[type=checkbox]:disabled:indeterminate:before { | ||
77 | color: #aaa; | ||
78 | } | ||