dlegr250_material_design 0.5.16 → 0.5.17
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: 7204b3f3125f8018a0917ee1421000f59b95f1e3
|
|
4
|
+
data.tar.gz: 9e2badb63ae055fd20622740210478f518ed1f44
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5533ee757e6564a9f488b26ba537530986b1a1c7a7f97e18e3e76d12eaf244cbd9c1c6fc6e8fbfeb4571d522ccc50add7da57554508b0ad89824bd5da3e54376
|
|
7
|
+
data.tar.gz: 363d86bec4df055ad39941f28d7835355f963b8bb463c2e85a40d375d92852f766facc35e262e93621429e9029cc7be3b3d92f38268da2ac08a6879dac3948da
|
|
@@ -19,12 +19,12 @@ $buttons: ".button";
|
|
|
19
19
|
border: 1px solid transparent;
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
cursor: pointer;
|
|
22
|
-
display: inline-block;
|
|
22
|
+
// display: inline-block;
|
|
23
23
|
// display: inline-flex;
|
|
24
24
|
font-size: $font-size-normal;
|
|
25
25
|
font-weight: 500;
|
|
26
|
-
height: $button-height;
|
|
27
|
-
line-height: $button-height;
|
|
26
|
+
min-height: $button-height;
|
|
27
|
+
// line-height: $button-height;
|
|
28
28
|
letter-spacing: 0.5px;
|
|
29
29
|
min-width: 88px;
|
|
30
30
|
outline: none;
|
|
@@ -34,13 +34,15 @@ $buttons: ".button";
|
|
|
34
34
|
text-transform: uppercase;
|
|
35
35
|
vertical-align: middle;
|
|
36
36
|
white-space: nowrap;
|
|
37
|
+
@include flex-parent-row-align-center();
|
|
38
|
+
display: inline-flex;
|
|
37
39
|
@include no-touch-highlight;
|
|
38
40
|
@include rounded-corners;
|
|
39
41
|
@include transition(all 0.2s ease-in-out);
|
|
40
42
|
|
|
41
|
-
.material-icons {
|
|
42
|
-
|
|
43
|
-
}
|
|
43
|
+
// .material-icons {
|
|
44
|
+
// line-height: $button-height;
|
|
45
|
+
// }
|
|
44
46
|
|
|
45
47
|
&:hover {
|
|
46
48
|
text-decoration: none !important;
|
|
@@ -48,9 +50,9 @@ $buttons: ".button";
|
|
|
48
50
|
}
|
|
49
51
|
|
|
50
52
|
// Icons inside button
|
|
51
|
-
.button .material-icons {
|
|
52
|
-
|
|
53
|
-
}
|
|
53
|
+
// .button .material-icons {
|
|
54
|
+
// line-height: 40px;
|
|
55
|
+
// }
|
|
54
56
|
|
|
55
57
|
.button.icon-left {
|
|
56
58
|
padding-left: $spacing-normal - 8px;
|
|
@@ -73,8 +75,9 @@ $buttons: ".button";
|
|
|
73
75
|
|
|
74
76
|
.button-xsmall {
|
|
75
77
|
font-size: $font-size-small;
|
|
76
|
-
height: 28px;
|
|
77
|
-
line-height: 28px;
|
|
78
|
+
// height: 28px;
|
|
79
|
+
// line-height: 28px;
|
|
80
|
+
min-height: 28px !important;
|
|
78
81
|
min-width: $button-height * 0.6;
|
|
79
82
|
padding: 0 $spacing-xsmall;
|
|
80
83
|
}
|
|
@@ -83,18 +86,22 @@ $buttons: ".button";
|
|
|
83
86
|
.button-small,
|
|
84
87
|
.button-dense {
|
|
85
88
|
font-size: $font-size-small;
|
|
86
|
-
height: $button-height-dense !important;
|
|
87
|
-
line-height: $button-height-dense !important;
|
|
89
|
+
// height: $button-height-dense !important;
|
|
90
|
+
// line-height: $button-height-dense !important;
|
|
91
|
+
min-height: $button-height-dense !important;
|
|
88
92
|
min-width: $button-height * 0.8;
|
|
89
93
|
padding: 0 $spacing-small;
|
|
90
94
|
}
|
|
91
95
|
|
|
92
96
|
.button-large {
|
|
93
|
-
height: $button-height-large !important;
|
|
94
|
-
line-height: $button-height-large !important;
|
|
97
|
+
// height: $button-height-large !important;
|
|
98
|
+
// line-height: $button-height-large !important;
|
|
99
|
+
min-height: $button-height-large !important;
|
|
95
100
|
}
|
|
96
101
|
|
|
97
|
-
.button-normal {
|
|
102
|
+
.button-normal {
|
|
103
|
+
min-height: $button-height;
|
|
104
|
+
}
|
|
98
105
|
|
|
99
106
|
// Buttons - icon buttons
|
|
100
107
|
//----------------------------------------------------------------------
|
|
@@ -105,9 +112,12 @@ $buttons: ".button";
|
|
|
105
112
|
color: color("icon");
|
|
106
113
|
cursor: pointer;
|
|
107
114
|
height: $button-icon-height;
|
|
108
|
-
line-height: $button-icon-height;
|
|
115
|
+
// line-height: $button-icon-height;
|
|
116
|
+
// min-height: $button-icon-height;
|
|
109
117
|
text-align: center;
|
|
110
118
|
width: $button-icon-height;
|
|
119
|
+
@include flex-parent-row-align-center();
|
|
120
|
+
display: inline-flex;
|
|
111
121
|
@include no-touch-highlight;
|
|
112
122
|
@include rounded-corners(50%);
|
|
113
123
|
@include transition(background-color 0.30s ease, color 0.30s ease);
|
|
@@ -135,7 +145,7 @@ $buttons: ".button";
|
|
|
135
145
|
|
|
136
146
|
.button-icon-small {
|
|
137
147
|
height: $button-icon-height * 0.8;
|
|
138
|
-
line-height: $button-icon-height * 0.8;
|
|
148
|
+
// line-height: $button-icon-height * 0.8;
|
|
139
149
|
width: $button-icon-height * 0.8;
|
|
140
150
|
}
|
|
141
151
|
|
|
@@ -67,6 +67,20 @@
|
|
|
67
67
|
@include list-item-secondary-actions();
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
// Card - modifications to header
|
|
71
|
+
//----------------------------------------------------------------------
|
|
72
|
+
|
|
73
|
+
.card-align-top {
|
|
74
|
+
.card-header {
|
|
75
|
+
@include flex-parent-row-align-top();
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.card-header-icon,
|
|
79
|
+
.card-header-secondary,
|
|
80
|
+
.card-header-secondary-actions {
|
|
81
|
+
padding-top: $spacing-small;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
70
84
|
|
|
71
85
|
// Card - content
|
|
72
86
|
//----------------------------------------------------------------------
|
|
@@ -71,6 +71,18 @@ ol {
|
|
|
71
71
|
@include list-item-secondary-actions();
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
+
// Lists - links in text
|
|
75
|
+
//----------------------------------------------------------------------
|
|
76
|
+
|
|
77
|
+
.list-item .link {
|
|
78
|
+
color: color("text");
|
|
79
|
+
text-decoration: none;
|
|
80
|
+
|
|
81
|
+
&:hover {
|
|
82
|
+
text-decoration: underline;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
74
86
|
// Lists - modifiers
|
|
75
87
|
//----------------------------------------------------------------------
|
|
76
88
|
|
|
@@ -136,7 +148,7 @@ ol {
|
|
|
136
148
|
.list-item-icon,
|
|
137
149
|
.list-item-secondary,
|
|
138
150
|
.list-item-secondary-actions {
|
|
139
|
-
padding-top: $spacing-
|
|
151
|
+
padding-top: $spacing-small;
|
|
140
152
|
}
|
|
141
153
|
}
|
|
142
154
|
|