dlegr250_material_design 0.3.71 → 0.3.72
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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f9c80389cd25c89269707f9affe47f6cf8a51f63
|
|
4
|
+
data.tar.gz: 3f112fbc7cdb47e34ea14cab3a83ea3a107eceaf
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e3e96ef654b20c5636e6fde27d1185ad7de08b4ccd43d93870d61b91bfdec1fa1a109e7746053acfdbe6d47d1325d256f9f71aadaa5cd9556ba7afef731ad832
|
|
7
|
+
data.tar.gz: c571a2a1348df83307df308584540b79035df9388be91f7d4c4b8f6a6bc6a256e1618290c76a4ee42b4463de8ecfe564cec3312ce67642c8df15a84f5a4c1f73
|
|
@@ -95,6 +95,22 @@
|
|
|
95
95
|
padding: $spacing-xlarge;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
+
.no-padding-top {
|
|
99
|
+
padding-top: 0 !important;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.no-padding-right {
|
|
103
|
+
padding-right: 0 !important;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.no-padding-bottom {
|
|
107
|
+
padding-bottom: 0 !important;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.no-padding-left {
|
|
111
|
+
padding-left: 0 !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
98
114
|
// Margins
|
|
99
115
|
//----------------------------------------------------------------------
|
|
100
116
|
|
|
@@ -302,6 +302,19 @@ $buttons: ".button";
|
|
|
302
302
|
@include box-shadow(none);
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
+
// Buttons - with chevron icons
|
|
306
|
+
//----------------------------------------------------------------------
|
|
307
|
+
|
|
308
|
+
.button-with-chevron-left {
|
|
309
|
+
display: inline-flex;
|
|
310
|
+
padding-left: $spacing-small;
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
.button-with-chevron-right {
|
|
314
|
+
display: inline-flex;
|
|
315
|
+
padding-right: $spacing-small;
|
|
316
|
+
}
|
|
317
|
+
|
|
305
318
|
// Buttons - responsive
|
|
306
319
|
//----------------------------------------------------------------------
|
|
307
320
|
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
//======================================================================
|
|
2
|
+
// EXAMPLE:
|
|
3
|
+
// <div class="check-box">
|
|
4
|
+
// <%= f.check_box :attribute %>
|
|
5
|
+
// <label for="model_attribute">
|
|
6
|
+
// <i class="material-icons unchecked">check_box_outline_blank</i>
|
|
7
|
+
// <i class="material-icons checked">check_box</i>
|
|
8
|
+
// </label>
|
|
9
|
+
// </div>
|
|
10
|
+
//======================================================================
|
|
11
|
+
|
|
12
|
+
.check-box {
|
|
13
|
+
// Hide actual checkbox element
|
|
14
|
+
input {
|
|
15
|
+
// If you use 'display: none', TAB-ing will not work.
|
|
16
|
+
position: absolute;
|
|
17
|
+
left: -9999px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
label {
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
font-weight: normal;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
label .unchecked,
|
|
27
|
+
label .checked {
|
|
28
|
+
font-size: 24px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// Mark focused element for visual aid with keyboard TAB nav
|
|
32
|
+
input:focus ~ label {
|
|
33
|
+
// border-color: darken(color("primary"), 10%);
|
|
34
|
+
// @include box-shadow(0 0 10px color("primary"));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
input ~ label {
|
|
38
|
+
.unchecked { display: inline-block; }
|
|
39
|
+
.checked { display: none; }
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Mark selected label
|
|
43
|
+
input:checked ~ label {
|
|
44
|
+
// background-color: color("primary");
|
|
45
|
+
color: color("primary");
|
|
46
|
+
|
|
47
|
+
.unchecked { display: none; }
|
|
48
|
+
.checked { display: inline-block; }
|
|
49
|
+
}
|
|
50
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: dlegr250_material_design
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.3.
|
|
4
|
+
version: 0.3.72
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Daniel LeGrand
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-09-
|
|
11
|
+
date: 2016-09-30 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
|
|
14
14
|
AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind
|
|
@@ -67,6 +67,7 @@ files:
|
|
|
67
67
|
- vendor/assets/stylesheets/components/description_lists.scss
|
|
68
68
|
- vendor/assets/stylesheets/components/dialogs.scss
|
|
69
69
|
- vendor/assets/stylesheets/components/dividers.scss
|
|
70
|
+
- vendor/assets/stylesheets/components/forms/check_boxes.scss
|
|
70
71
|
- vendor/assets/stylesheets/components/forms/fields.scss
|
|
71
72
|
- vendor/assets/stylesheets/components/forms/helper_texts.scss
|
|
72
73
|
- vendor/assets/stylesheets/components/forms/labels.scss
|