dlegr250_material_design 0.6.0 → 0.6.1
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/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/stylesheets/components/blank_states.scss +24 -21
- data/vendor/assets/stylesheets/components/buttons.scss +1 -2
- data/vendor/assets/stylesheets/components/dialogs.scss +8 -0
- data/vendor/assets/stylesheets/components/search.scss +1 -1
- 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: 032fe5ab072bb366295967db9d836380a349afc3
|
|
4
|
+
data.tar.gz: 9cbe6acf461bd2fd0257fe315713d01aa0577762
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 769ea2cb048819665dc3c692e0d6d179a133f2fd14486a7a1ebabeeba1510bff92a623ad72d9ffe05efc2f57541b869eb69bf27bffdd86ffdb8bf39510239ab2
|
|
7
|
+
data.tar.gz: a864a2615c00b1c74eeec87128f48680d0a9f4d0cbf6d8e8d77abf5ef489f7eb72db90eeefbee174ca8a41cc305f3196c16f41cd25876cce0ce4361c2d0b8014
|
|
@@ -13,9 +13,6 @@
|
|
|
13
13
|
// </div>
|
|
14
14
|
//======================================================================
|
|
15
15
|
|
|
16
|
-
// Blank state - container (for flex wrapper)
|
|
17
|
-
//----------------------------------------------------------------------
|
|
18
|
-
|
|
19
16
|
.blank-state-container {
|
|
20
17
|
height: 100%;
|
|
21
18
|
width: 100%;
|
|
@@ -23,26 +20,38 @@
|
|
|
23
20
|
@include flex-vertical-align-center();
|
|
24
21
|
}
|
|
25
22
|
|
|
26
|
-
// Blank state - base
|
|
27
|
-
//----------------------------------------------------------------------
|
|
28
|
-
|
|
29
23
|
.blank-state {
|
|
30
|
-
margin:
|
|
31
|
-
|
|
24
|
+
margin: inherit;
|
|
25
|
+
margin-top: 64px;
|
|
26
|
+
max-width: 100%;
|
|
27
|
+
padding: 16px;
|
|
28
|
+
@include flex-parent();
|
|
29
|
+
flex-direction: column;
|
|
32
30
|
text-align: center;
|
|
33
31
|
}
|
|
34
32
|
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
.blank-state-icon {
|
|
34
|
+
background-color: color("grey-200");
|
|
35
|
+
padding: 16px;
|
|
36
|
+
width: 140px;
|
|
37
|
+
height: 140px;
|
|
38
|
+
@include flex-parent();
|
|
39
|
+
@include flex-vertical-align-center();
|
|
40
|
+
@include rounded-corners(50%);
|
|
41
|
+
|
|
42
|
+
.material-icons {
|
|
43
|
+
color: color("helper");
|
|
44
|
+
font-size: $font-size-xlarge * 2;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
37
47
|
|
|
38
|
-
.blank-state-
|
|
48
|
+
.blank-state-text {
|
|
39
49
|
color: color("helper");
|
|
40
|
-
font-size:
|
|
50
|
+
font-size: 16px;
|
|
51
|
+
padding-top: $spacing-xlarge;
|
|
41
52
|
}
|
|
42
53
|
|
|
43
|
-
//
|
|
44
|
-
//----------------------------------------------------------------------
|
|
45
|
-
|
|
54
|
+
// Used???
|
|
46
55
|
.blank-state-primary {
|
|
47
56
|
color: color("text");
|
|
48
57
|
font-size: $font-size-large;
|
|
@@ -50,9 +59,6 @@
|
|
|
50
59
|
line-height: 1.5;
|
|
51
60
|
}
|
|
52
61
|
|
|
53
|
-
// Blank state - primary - subtext
|
|
54
|
-
//----------------------------------------------------------------------
|
|
55
|
-
|
|
56
62
|
.blank-state-primary-subtext {
|
|
57
63
|
color: color("helper");
|
|
58
64
|
font-size: $font-size-normal;
|
|
@@ -60,9 +66,6 @@
|
|
|
60
66
|
padding-top: $spacing-xsmall;
|
|
61
67
|
}
|
|
62
68
|
|
|
63
|
-
// Blank state - actions
|
|
64
|
-
//----------------------------------------------------------------------
|
|
65
|
-
|
|
66
69
|
.blank-state-actions {
|
|
67
70
|
margin: $spacing-normal 0;
|
|
68
71
|
}
|
|
@@ -190,8 +190,7 @@ $button-icon-height: 40px;
|
|
|
190
190
|
color: color("white");
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
-
|
|
194
|
-
// @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.24));
|
|
193
|
+
@include box-shadow(0 0 2px rgba(13,26,44,0.12), 0 1px 1px rgba(13,26,44,0.24));
|
|
195
194
|
|
|
196
195
|
&:hover {
|
|
197
196
|
background-color: lighten($color, 10%);
|
|
@@ -76,6 +76,12 @@
|
|
|
76
76
|
.dialog-xlarge { width: $dialog-width-xlarge !important; }
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
+
.dialog-xsmall { width: $dialog-width-xsmall; }
|
|
80
|
+
.dialog-small { width: $dialog-width-small; }
|
|
81
|
+
.dialog-normal { width: $dialog-width-normal; }
|
|
82
|
+
.dialog-large { width: $dialog-width-large; }
|
|
83
|
+
.dialog-xlarge { width: $dialog-width-xlarge; }
|
|
84
|
+
|
|
79
85
|
// Dialog - title (header without toolbar actions)
|
|
80
86
|
//----------------------------------------------------------------------
|
|
81
87
|
|
|
@@ -337,6 +343,8 @@
|
|
|
337
343
|
|
|
338
344
|
.dialog-actions {
|
|
339
345
|
border-top: 0;
|
|
346
|
+
height: auto;
|
|
347
|
+
padding: $spacing-normal;
|
|
340
348
|
text-align: right;
|
|
341
349
|
}
|
|
342
350
|
}
|
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.6.
|
|
4
|
+
version: 0.6.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Daniel LeGrand
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-
|
|
11
|
+
date: 2017-12-09 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
|