dlegr250_material_design 0.5.18 → 0.5.19
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: 5e1dd56b557ebc29ee445a82988d27c5527e1653
|
|
4
|
+
data.tar.gz: 6c92286bd2b89dd363e1baae4f3d49af88b74c32
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6a4ab7f460712d20952d0b8fe7180cf6a901c89d696283e8ae2dba441dee60d414a27af9c8788fe9671b6710f3179a1567eeedd79992daf7680c468bf120f270
|
|
7
|
+
data.tar.gz: f71f2104ee794d646b47b4bcf871ecf0f3e52e4e3aa8614e9b1ad3c3c13e5e5eed4ea2091e452c64cc73869b7e3960b18b1ee4bfdc62350e6028b44c7813fe1d
|
|
@@ -23,7 +23,7 @@ $buttons: ".button";
|
|
|
23
23
|
// display: inline-flex;
|
|
24
24
|
font-size: $font-size-normal;
|
|
25
25
|
font-weight: 500;
|
|
26
|
-
|
|
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
|
-
|
|
78
|
+
height: 28px !important;
|
|
79
79
|
// line-height: 28px;
|
|
80
|
-
min-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
327
|
-
|
|
328
|
+
// [role="fab"] .material-icons {
|
|
329
|
+
// height: 56px;
|
|
330
|
+
// // line-height: 56px;
|
|
331
|
+
// }
|
|
328
332
|
|
|
329
333
|
// Buttons - disabled
|
|
330
334
|
//----------------------------------------------------------------------
|