mui-sass 0.2.7 → 0.2.8
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/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
|