codeclimate-styles 0.6.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|