mui-sass 0.2.7 → 0.2.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +6 -0
- data/lib/mui/sass/version.rb +1 -1
- data/vendor/assets/stylesheets/mui/_forms.scss +44 -46
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5d0ec09267e83a03f8bc1f8bee66392f4d5a6c72
|
4
|
+
data.tar.gz: 9760173e84f097441df30ea452d2ac80aff1621e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f6b8916f4afd92bab7a46a83ebf59ba88bd084332805bd22f6d225142125e76b9f592d5664e5cd5182c1d36f39f925eb8aae8aa3200462a1f2ecf5710baaced7
|
7
|
+
data.tar.gz: e5c38436e4c16a37112bd3b15e30ebc922caffb0308035d87db911e47dfcbdc77b3ff66c41d93dd41a3577f95332887aaed60530f42534dd3d23d48eb39945da
|
data/CHANGELOG.md
CHANGED
data/lib/mui/sass/version.rb
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
/**
|
2
2
|
* MUI Form styles
|
3
|
-
*
|
3
|
+
*
|
4
4
|
*/
|
5
5
|
|
6
6
|
$xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
|
@@ -91,15 +91,15 @@ input[type="checkbox"]:disabled {
|
|
91
91
|
// Layout
|
92
92
|
position: absolute;
|
93
93
|
transform: translate(0px, $xFormLabelLineHeight);
|
94
|
-
|
94
|
+
|
95
95
|
// Typography
|
96
96
|
font-size: $mui-input-font-size;
|
97
97
|
line-height: $mui-input-height;
|
98
98
|
color: $mui-input-placeholder-color;
|
99
|
-
|
99
|
+
|
100
100
|
// Overflow policy
|
101
101
|
text-overflow: clip;
|
102
|
-
|
102
|
+
|
103
103
|
// Cursor
|
104
104
|
cursor: text; // for ie10
|
105
105
|
pointer-events: none;
|
@@ -225,7 +225,7 @@ input[type="checkbox"]:disabled {
|
|
225
225
|
.mui-radio + .mui-radio,
|
226
226
|
.mui-checkbox + .mui-checkbox {
|
227
227
|
// Move up sibling radios or checkboxes for tighter spacing
|
228
|
-
margin-top: -5px;
|
228
|
+
margin-top: -5px;
|
229
229
|
}
|
230
230
|
|
231
231
|
.mui-radio--inline,
|
@@ -251,7 +251,7 @@ input[type="checkbox"]:disabled {
|
|
251
251
|
.mui-checkbox--inline + .mui-checkbox--inline {
|
252
252
|
// Space out consecutive inline controls
|
253
253
|
margin-top: 0;
|
254
|
-
margin-left: 10px;
|
254
|
+
margin-left: 10px;
|
255
255
|
}
|
256
256
|
|
257
257
|
|
@@ -276,15 +276,15 @@ input[type="checkbox"]:disabled {
|
|
276
276
|
border-width: 2px;
|
277
277
|
}
|
278
278
|
}
|
279
|
-
|
279
|
+
|
280
280
|
> select {
|
281
281
|
@include mui-node-inserted();
|
282
|
-
|
282
|
+
|
283
283
|
// Layout
|
284
284
|
display: block;
|
285
285
|
height: $mui-input-height;
|
286
286
|
width: 100%;
|
287
|
-
|
287
|
+
|
288
288
|
// Look and feel
|
289
289
|
appearance: none;
|
290
290
|
-webkit-appearance: none;
|
@@ -299,7 +299,7 @@ input[type="checkbox"]:disabled {
|
|
299
299
|
background-repeat: no-repeat;
|
300
300
|
background-position: right center;
|
301
301
|
cursor: pointer;
|
302
|
-
|
302
|
+
|
303
303
|
// Typography
|
304
304
|
color: $mui-input-font-color;
|
305
305
|
font-size: $mui-input-font-size;
|
@@ -308,7 +308,7 @@ input[type="checkbox"]:disabled {
|
|
308
308
|
&::-ms-expand {
|
309
309
|
display: none; // For IE
|
310
310
|
}
|
311
|
-
|
311
|
+
|
312
312
|
&:focus {
|
313
313
|
outline: 0;
|
314
314
|
height: $mui-input-height + 1px;
|
@@ -360,7 +360,7 @@ input[type="checkbox"]:disabled {
|
|
360
360
|
}
|
361
361
|
|
362
362
|
&[selected] {
|
363
|
-
background-color: mui-color('grey', '200');
|
363
|
+
background-color: mui-color('grey', '200');
|
364
364
|
}
|
365
365
|
}
|
366
366
|
}
|
@@ -389,7 +389,7 @@ input[type="checkbox"]:disabled {
|
|
389
389
|
padding-left: 0;
|
390
390
|
}
|
391
391
|
}
|
392
|
-
|
392
|
+
|
393
393
|
> .mui-radio > label > input[type="radio"],
|
394
394
|
> .mui-checkbox > label > input[type="checkbox"] {
|
395
395
|
position: relative;
|
@@ -414,23 +414,23 @@ input[type="checkbox"]:disabled {
|
|
414
414
|
// FORM-VALIDATION
|
415
415
|
// ============================================================================
|
416
416
|
|
417
|
-
.mui-textfield > input,
|
418
|
-
.mui-textfield > textarea
|
419
|
-
|
420
|
-
|
421
|
-
|
422
|
-
|
423
|
-
|
424
|
-
|
425
|
-
|
426
|
-
|
427
|
-
|
428
|
-
}
|
417
|
+
.mui-textfield > input:invalid:not(:focus),
|
418
|
+
.mui-textfield > textarea:invalid:not(:focus),
|
419
|
+
.mui-textfield--invalid > input:not(:focus),
|
420
|
+
.mui-textfield--invalid > textarea:not(:focus) {
|
421
|
+
&:not(:required),
|
422
|
+
&:required.mui--is-not-empty,
|
423
|
+
&:required.mui--is-empty.mui--is-dirty,
|
424
|
+
&:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
|
425
|
+
&:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
|
426
|
+
border-color: $mui-danger-color;
|
427
|
+
border-width: 2px;
|
429
428
|
}
|
430
429
|
}
|
431
430
|
|
432
431
|
// Treat <input>'s different from <textarea>'s
|
433
|
-
.mui-textfield > input:invalid:not(:focus)
|
432
|
+
.mui-textfield > input:invalid:not(:focus),
|
433
|
+
.mui-textfield--invalid > input:not(:focus) {
|
434
434
|
&:not(:required),
|
435
435
|
&:required.mui--is-not-empty,
|
436
436
|
&:required.mui--is-empty.mui--is-dirty,
|
@@ -441,29 +441,27 @@ input[type="checkbox"]:disabled {
|
|
441
441
|
}
|
442
442
|
}
|
443
443
|
|
444
|
-
.mui-textfield > input,
|
445
|
-
.mui-textfield > textarea
|
446
|
-
|
447
|
-
|
448
|
-
|
449
|
-
|
450
|
-
|
451
|
-
|
452
|
-
|
453
|
-
|
454
|
-
|
444
|
+
.mui-textfield > input:invalid:not(:focus),
|
445
|
+
.mui-textfield > textarea:invalid:not(:focus),
|
446
|
+
.mui-textfield--invalid > input:not(:focus),
|
447
|
+
.mui-textfield--invalid > textarea:not(:focus) {
|
448
|
+
// Set label color to danger color
|
449
|
+
&:not(:required),
|
450
|
+
&:required.mui--is-not-empty,
|
451
|
+
&:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
|
452
|
+
&:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
|
453
|
+
~ label {
|
454
|
+
color: $mui-danger-color;
|
455
455
|
}
|
456
456
|
}
|
457
457
|
}
|
458
458
|
|
459
|
-
.mui-textfield:not(.mui-textfield--float-label)
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
}
|
467
|
-
}
|
459
|
+
.mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus),
|
460
|
+
.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus),
|
461
|
+
.mui-textfield--invalid:not(.mui-textfield--float-label) > input:not(:focus),
|
462
|
+
.mui-textfield--invalid:not(.mui-textfield--float-label) > textarea:not(:focus) {
|
463
|
+
// Set label color to danger color for dirty, empty fields
|
464
|
+
&:required.mui--is-empty.mui--is-dirty ~ label {
|
465
|
+
color: $mui-danger-color;
|
468
466
|
}
|
469
467
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: mui-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.2.
|
4
|
+
version: 0.2.8
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Dmitriy Tarasov
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-12-
|
11
|
+
date: 2015-12-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|