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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 904fb49ecd300f7e15e0be83d32148b23612e87e
4
- data.tar.gz: d370ea262be2080f3bb4b6b9da7557a0775937ee
3
+ metadata.gz: 032fe5ab072bb366295967db9d836380a349afc3
4
+ data.tar.gz: 9cbe6acf461bd2fd0257fe315713d01aa0577762
5
5
  SHA512:
6
- metadata.gz: 942c58820919eb356e12db3def5a57f0b4c289f536ce57f884a3e9e277adda46537b263a9e243633a1e0b07939adcfdb883411a712ba954658d73db014f714a9
7
- data.tar.gz: 314b2cce2cc76a1eda080c2fed7db1f822cc1796c552a0b27ab2a54c6f0ca94c292c47dbd08d4163821f6facd8a95910311b7150804e8eb202182ee1c66c6052
6
+ metadata.gz: 769ea2cb048819665dc3c692e0d6d179a133f2fd14486a7a1ebabeeba1510bff92a623ad72d9ffe05efc2f57541b869eb69bf27bffdd86ffdb8bf39510239ab2
7
+ data.tar.gz: a864a2615c00b1c74eeec87128f48680d0a9f4d0cbf6d8e8d77abf5ef489f7eb72db90eeefbee174ca8a41cc305f3196c16f41cd25876cce0ce4361c2d0b8014
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.6.0"
2
+ VERSION = "0.6.1"
3
3
  end
@@ -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: $spacing-large auto;
31
- max-width: $device-small - ($spacing-normal * 2);
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
- // Blank state - icon
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-icon .material-icons {
48
+ .blank-state-text {
39
49
  color: color("helper");
40
- font-size: $font-size-xlarge * 2;
50
+ font-size: 16px;
51
+ padding-top: $spacing-xlarge;
41
52
  }
42
53
 
43
- // Blank state - primary
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
- // @include box-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.4));
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
  }
@@ -63,7 +63,7 @@
63
63
  border: 0;
64
64
  color: color("text");
65
65
  max-height: 80vh;
66
- overflow: scroll;
66
+ overflow: auto;
67
67
  @include elevation(24);
68
68
  @include transparency(0);
69
69
  }
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.0
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-27 00:00:00.000000000 Z
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