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:
|
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
|
//----------------------------------------------------------------------
|