dlegr250_material_design 0.6.0 → 0.6.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|