dlegr250_material_design 0.5.18 → 0.5.19

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: 78230576e8a2d052bee25bfa80f7599438dac869
4
- data.tar.gz: 0e6641a5aafee9aee7ffd95a13e7d0f734f74c6e
3
+ metadata.gz: 5e1dd56b557ebc29ee445a82988d27c5527e1653
4
+ data.tar.gz: 6c92286bd2b89dd363e1baae4f3d49af88b74c32
5
5
  SHA512:
6
- metadata.gz: 734fdaa056b44979ce52ce552a015de0c492b590373dff7ea9c1a6b6ee4975a07b02f5e5141b157b49607d2656f0f3b44bcdab7fa13911dd534b942efd6d461c
7
- data.tar.gz: e707c0b9d98e71f8f4cbde3e8f03c15e19d8d3b62c50c5830212f890e3d2e7483e959b78e6496ac33aa25c3afbea2394a4509d91a525f034f62e789de8ba8704
6
+ metadata.gz: 6a4ab7f460712d20952d0b8fe7180cf6a901c89d696283e8ae2dba441dee60d414a27af9c8788fe9671b6710f3179a1567eeedd79992daf7680c468bf120f270
7
+ data.tar.gz: f71f2104ee794d646b47b4bcf871ecf0f3e52e4e3aa8614e9b1ad3c3c13e5e5eed4ea2091e452c64cc73869b7e3960b18b1ee4bfdc62350e6028b44c7813fe1d
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.5.18"
2
+ VERSION = "0.5.19"
3
3
  end
@@ -23,7 +23,7 @@ $buttons: ".button";
23
23
  // display: inline-flex;
24
24
  font-size: $font-size-normal;
25
25
  font-weight: 500;
26
- min-height: $button-height;
26
+ height: $button-height;
27
27
  // line-height: $button-height;
28
28
  letter-spacing: 0.5px;
29
29
  min-width: 88px;
@@ -75,10 +75,9 @@ $buttons: ".button";
75
75
 
76
76
  .button-xsmall {
77
77
  font-size: $font-size-small;
78
- // height: 28px;
78
+ height: 28px !important;
79
79
  // line-height: 28px;
80
- min-height: 28px !important;
81
- min-width: $button-height * 0.6;
80
+ // min-width: $button-height * 0.6;
82
81
  padding: 0 $spacing-xsmall;
83
82
  }
84
83
 
@@ -86,17 +85,17 @@ $buttons: ".button";
86
85
  .button-small,
87
86
  .button-dense {
88
87
  font-size: $font-size-small;
89
- // height: $button-height-dense !important;
88
+ height: $button-height-dense !important;
90
89
  // line-height: $button-height-dense !important;
91
- min-height: $button-height-dense !important;
90
+ // min-height: $button-height-dense !important;
92
91
  min-width: $button-height * 0.8;
93
92
  padding: 0 $spacing-small;
94
93
  }
95
94
 
96
95
  .button-large {
97
- // height: $button-height-large !important;
96
+ height: $button-height-large !important;
98
97
  // line-height: $button-height-large !important;
99
- min-height: $button-height-large !important;
98
+ // min-height: $button-height-large !important;
100
99
  }
101
100
 
102
101
  .button-normal {
@@ -151,7 +150,7 @@ $buttons: ".button";
151
150
 
152
151
  .button-icon-large {
153
152
  height: $button-icon-height * 1.2;
154
- line-height: $button-icon-height * 1.2;
153
+ // line-height: $button-icon-height * 1.2;
155
154
  width: $button-icon-height * 1.2;
156
155
  }
157
156
 
@@ -269,6 +268,21 @@ $buttons: ".button";
269
268
  // Buttons - Colored Floating Action Buttons (FAB)
270
269
  //----------------------------------------------------------------------
271
270
 
271
+ .fab {
272
+ bottom: $spacing-large;
273
+ font-size: $font-size-icon;
274
+ height: $button-fab-height;
275
+ position: fixed !important;
276
+ right: $spacing-large;
277
+ width: $button-fab-height;
278
+ z-index: $layout-depth + 1;
279
+ @include box-shadow(0 3px 7px 0 rgba(0, 0, 0, 0.4));
280
+ @include rounded-corners(250px);
281
+ @include text-shadow(0 -1px 0 color("helper"));
282
+ @include flex-parent-row-align-center();
283
+ display: inline-flex;
284
+ }
285
+
272
286
  @each $color-name, $color in $colors {
273
287
  .fab-#{$color-name} {
274
288
  background-color: $color;
@@ -278,17 +292,6 @@ $buttons: ".button";
278
292
  color: color("white");
279
293
  }
280
294
 
281
- font-size: $font-size-icon;
282
- height: $button-fab-height;
283
- line-height: $button-fab-height;
284
- min-width: 0;
285
- padding: 0;
286
- width: $button-fab-height;
287
-
288
- @include box-shadow(0 3px 7px 0 rgba(0, 0, 0, 0.4));
289
- @include rounded-corners(250px);
290
- @include text-shadow(0 -1px 0 color("helper"));
291
-
292
295
  &:active {
293
296
  background: darken($color, 10%);
294
297
  }
@@ -322,9 +325,10 @@ $buttons: ".button";
322
325
  }
323
326
 
324
327
  // If using Google Material Design icon font
325
- [role="fab"] .material-icons {
326
- line-height: 56px;
327
- }
328
+ // [role="fab"] .material-icons {
329
+ // height: 56px;
330
+ // // line-height: 56px;
331
+ // }
328
332
 
329
333
  // Buttons - disabled
330
334
  //----------------------------------------------------------------------
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.18
4
+ version: 0.5.19
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand