OLD | NEW |
---|---|
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 input[type='checkbox'] { | 6 input[type='checkbox'] { |
7 -webkit-box-shadow: inset 0 1px 2px white, | 7 -webkit-box-shadow: inset 0 1px 2px white, |
8 0 1px 2px rgba(0, 0, 0, .2); | 8 0 1px 2px rgba(0, 0, 0, .2); |
9 -webkit-appearance: none; | 9 -webkit-appearance: none; |
10 -webkit-margin-start: 0; | 10 -webkit-margin-start: 0; |
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
112 | 112 |
113 /* .checkbox and .radio classes wrap labels. */ | 113 /* .checkbox and .radio classes wrap labels. */ |
114 | 114 |
115 .checkbox, | 115 .checkbox, |
116 .radio { | 116 .radio { |
117 margin: 9px 0; | 117 margin: 9px 0; |
118 } | 118 } |
119 | 119 |
120 .checkbox label, | 120 .checkbox label, |
121 .radio label { | 121 .radio label { |
122 display: -webkit-box; | 122 /* The extra 100px expands the clickable area past the end of the text. */ |
123 -webkit-padding-end: 100px; | |
csilv
2012/01/31 23:56:40
I'd be more comfortable without this or a smaller
Evan Stade
2012/02/01 01:09:33
the justification is in the cl description. This m
| |
124 /* Don't expand horizontally: http://crbug.com/112091 */ | |
125 display: -webkit-inline-box; | |
123 } | 126 } |
124 | 127 |
125 /* Make sure long spans wrap at the same place they start. */ | 128 /* Make sure long spans wrap at the same horizontal position they start. */ |
126 .checkbox label input ~ span, | 129 .checkbox label input ~ span, |
127 .radio label input ~ span { | 130 .radio label input ~ span { |
128 -webkit-box-flex: 1; | |
129 -webkit-margin-start: 0.4em; | 131 -webkit-margin-start: 0.4em; |
130 display: block; | 132 display: block; |
131 } | 133 } |
132 | 134 |
133 .checkbox label input[type=checkbox], | 135 .checkbox label input[type=checkbox], |
134 .radio label input[type=radio] { | 136 .radio label input[type=radio] { |
135 margin-top: 0; | 137 margin-top: 0; |
136 top: 0; | 138 top: 0; |
137 vertical-align: top; | 139 vertical-align: top; |
138 } | 140 } |
(...skipping 21 matching lines...) Expand all Loading... | |
160 label:hover > input[type=radio]:disabled ~ span, | 162 label:hover > input[type=radio]:disabled ~ span, |
161 input[type=checkbox]:disabled ~ label:hover { | 163 input[type=checkbox]:disabled ~ label:hover { |
162 color: #888; | 164 color: #888; |
163 } | 165 } |
164 | 166 |
165 label:hover > input[type=checkbox]:not(:disabled) ~ span, | 167 label:hover > input[type=checkbox]:not(:disabled) ~ span, |
166 label:hover > input[type=radio]:not(:disabled) ~ span, | 168 label:hover > input[type=radio]:not(:disabled) ~ span, |
167 input[type=checkbox]:not(:disabled) ~ label:hover { | 169 input[type=checkbox]:not(:disabled) ~ label:hover { |
168 color: #222; | 170 color: #222; |
169 } | 171 } |
OLD | NEW |