codeclimate-styles 0.6.0 → 0.7.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/stylesheets/cc/styles/modules/_forms.scss +99 -4
- data/lib/cc/styles/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: de6a4dc0aeab3ae9328727ebcf4027c3f01e8ae5
|
|
4
|
+
data.tar.gz: 7b853a286b7f82532bc918470a0297a68fc9b1ff
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0a38e7fd409b96ee5ebc202598ab90fddf87f51d7a428dea8e3d6f66b0cd92f32d9c53bde681d03e86936230f9eece959a219a19441f2e9a7a0d7ad636338b83
|
|
7
|
+
data.tar.gz: 8a4a5d260f6cc4023bd5f5dc5103ba2462351aac974a02ca111518b3983b971ee542aeb6070086c52a402d287c0f0d89ea4a94285024da4e4b97daea8649c276
|
|
@@ -30,7 +30,7 @@ form.form
|
|
|
30
30
|
display: none;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
:not(.checkbox) > label {
|
|
33
|
+
:not(.checkbox):not(.radio-button) > label {
|
|
34
34
|
display: inline-block;
|
|
35
35
|
font-size: 75%;
|
|
36
36
|
letter-spacing: .05rem;
|
|
@@ -162,15 +162,29 @@ category: forms
|
|
|
162
162
|
|
|
163
163
|
```slim_example
|
|
164
164
|
form.form
|
|
165
|
-
.checkbox
|
|
166
|
-
|
|
167
|
-
|
|
165
|
+
.checkbox-group
|
|
166
|
+
.checkbox
|
|
167
|
+
input type="checkbox" id="checkbox1"
|
|
168
|
+
label(for="checkbox1") Option 1
|
|
169
|
+
.checkbox
|
|
170
|
+
input type="checkbox" id="checkbox2"
|
|
171
|
+
label(for="checkbox2") Option 2
|
|
172
|
+
.checkbox
|
|
173
|
+
input type="checkbox" id="checkbox3"
|
|
174
|
+
label(for="checkbox3") Option 3
|
|
168
175
|
```
|
|
169
176
|
*/
|
|
170
177
|
|
|
171
178
|
$checkbox-size: 18px;
|
|
172
179
|
$checkbox-border-size: 2px;
|
|
173
180
|
|
|
181
|
+
.checkbox-group {
|
|
182
|
+
.checkbox {
|
|
183
|
+
margin-bottom: 15px;
|
|
184
|
+
margin-right: 15px;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
174
188
|
.checkbox {
|
|
175
189
|
display: inline-block;
|
|
176
190
|
position: relative;
|
|
@@ -224,6 +238,87 @@ $checkbox-border-size: 2px;
|
|
|
224
238
|
|
|
225
239
|
}
|
|
226
240
|
|
|
241
|
+
/*doc
|
|
242
|
+
---
|
|
243
|
+
title: Radio Buttons
|
|
244
|
+
name: radio
|
|
245
|
+
category: forms
|
|
246
|
+
---
|
|
247
|
+
|
|
248
|
+
```slim_example
|
|
249
|
+
form.form
|
|
250
|
+
.radio-button-group
|
|
251
|
+
.radio-button
|
|
252
|
+
input type="radio" id="radio1" name="radio-group-1"
|
|
253
|
+
label(for="radio1") Option 1
|
|
254
|
+
.radio-button
|
|
255
|
+
input type="radio" id="radio2" name="radio-group-1"
|
|
256
|
+
label(for="radio2") Option 2
|
|
257
|
+
.radio-button
|
|
258
|
+
input type="radio" id="radio3" name="radio-group-1"
|
|
259
|
+
label(for="radio3") Option 3
|
|
260
|
+
```
|
|
261
|
+
*/
|
|
262
|
+
|
|
263
|
+
.radio-button-group {
|
|
264
|
+
.radio-button {
|
|
265
|
+
margin-bottom: 15px;
|
|
266
|
+
margin-right: 15px;
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.radio-button {
|
|
271
|
+
display: inline-block;
|
|
272
|
+
position: relative;
|
|
273
|
+
|
|
274
|
+
input {
|
|
275
|
+
display: none;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
label {
|
|
279
|
+
align-items: center;
|
|
280
|
+
cursor: pointer;
|
|
281
|
+
display: flex;
|
|
282
|
+
padding-left: 30px;
|
|
283
|
+
|
|
284
|
+
&::before,
|
|
285
|
+
&::after {
|
|
286
|
+
border-radius: 50%;
|
|
287
|
+
content: "";
|
|
288
|
+
height: 16px;
|
|
289
|
+
left: 0;
|
|
290
|
+
position: absolute;
|
|
291
|
+
transition: all .15s ease-in-out;
|
|
292
|
+
width: 16px;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
&::before {
|
|
296
|
+
border: 2px solid $grayscale-aluminium;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
&::after {
|
|
300
|
+
background-color: $green;
|
|
301
|
+
height: 12px;
|
|
302
|
+
left: 4px;
|
|
303
|
+
opacity: 0;
|
|
304
|
+
top: 2px;
|
|
305
|
+
transform: scale(.25);
|
|
306
|
+
width: 12px;
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
input:checked + label::before {
|
|
311
|
+
border: 2px solid lighten($green, .2);
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
input:checked + label::after {
|
|
315
|
+
opacity: 1;
|
|
316
|
+
transform: scale(1);
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
|
|
321
|
+
|
|
227
322
|
/*doc
|
|
228
323
|
---
|
|
229
324
|
title: Select
|
data/lib/cc/styles/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: codeclimate-styles
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.7.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Code Climate
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-08-
|
|
11
|
+
date: 2017-08-31 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description: Foundational stylesheets for Code Climate properties
|
|
14
14
|
email:
|
|
@@ -110,7 +110,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
110
110
|
version: '0'
|
|
111
111
|
requirements: []
|
|
112
112
|
rubyforge_project:
|
|
113
|
-
rubygems_version: 2.6.
|
|
113
|
+
rubygems_version: 2.6.12
|
|
114
114
|
signing_key:
|
|
115
115
|
specification_version: 4
|
|
116
116
|
summary: Code Climate stylesheets
|