dlegr250_material_design 0.2.43 → 0.2.44
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: e09db604dab0af714e74500ba7f27a57156fe4aa
|
4
|
+
data.tar.gz: 406486cd8f31b2cc0addaab31cf1707a9beb0516
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5e6c26d3b9d14fc6b686f5679b1cbee485cab432447cd109394fba621629220b02087e50e5c3b72248670b69811e942ead061c8527f8d51d98a46bd56d850c0f
|
7
|
+
data.tar.gz: 66f547e46a4ddccf4f2d8073cb810ed3ae77cff211caff556bae4e72f7870240e99eb06392527a193c278595f5ad8d4505da536360354a9ac725c0bdf877e80b
|
@@ -135,6 +135,12 @@
|
|
135
135
|
font-weight: 700;
|
136
136
|
}
|
137
137
|
|
138
|
+
// Used to override labels or other elements that use bold
|
139
|
+
// but may not want to in all cases.
|
140
|
+
.unbold {
|
141
|
+
font-weight: normal !important;
|
142
|
+
}
|
143
|
+
|
138
144
|
// Text cases
|
139
145
|
//----------------------------------------------------------------------
|
140
146
|
|
@@ -7,8 +7,9 @@
|
|
7
7
|
|
8
8
|
.box {
|
9
9
|
border: 1px solid color("divider");
|
10
|
-
|
11
|
-
min-height: 56px
|
10
|
+
color: color("text");
|
11
|
+
min-height: 56px;
|
12
|
+
@include flex-parent-row();
|
12
13
|
@include rounded-corners;
|
13
14
|
}
|
14
15
|
|
@@ -16,23 +17,43 @@
|
|
16
17
|
//----------------------------------------------------------------------
|
17
18
|
|
18
19
|
.box-icon {
|
19
|
-
|
20
|
+
color: color("icon");
|
21
|
+
font-size: $font-size-icon;
|
22
|
+
height: $list-item-icon-width;
|
23
|
+
line-height: $list-item-icon-width;
|
24
|
+
margin-left: $spacing-normal;
|
25
|
+
padding: 0;
|
26
|
+
text-align: center;
|
27
|
+
width: $list-item-icon-width;
|
28
|
+
|
29
|
+
.icon {
|
30
|
+
color: color("icon");
|
31
|
+
font-size: $font-size-icon;
|
32
|
+
}
|
20
33
|
}
|
21
34
|
|
22
35
|
.box-icon-circle {
|
23
|
-
|
36
|
+
background-color: color("icon");
|
37
|
+
@include rounded-corners(50%);
|
38
|
+
|
39
|
+
.icon {
|
40
|
+
color: color("white");
|
41
|
+
}
|
24
42
|
}
|
25
43
|
|
26
44
|
// Box - primary
|
27
45
|
//----------------------------------------------------------------------
|
28
46
|
|
29
47
|
.box-primary {
|
30
|
-
|
31
|
-
|
48
|
+
flex: 1;
|
49
|
+
padding-left: $spacing-normal;
|
50
|
+
padding-right: $spacing-normal;
|
32
51
|
}
|
33
52
|
|
34
53
|
.box-primary-subtext {
|
35
|
-
|
54
|
+
color: color("helper");
|
55
|
+
font-size: $font-size-small;
|
56
|
+
padding-top: $spacing-xsmall;
|
36
57
|
}
|
37
58
|
|
38
59
|
// Box - custom boxes
|
@@ -101,7 +101,6 @@ ol {
|
|
101
101
|
color: color("text");
|
102
102
|
min-height: 48px;
|
103
103
|
@include flex-parent-row();
|
104
|
-
@include no-touch-highlight();
|
105
104
|
@include transition(background-color 0.30s ease);
|
106
105
|
}
|
107
106
|
|
@@ -150,13 +149,12 @@ ol {
|
|
150
149
|
flex: 1;
|
151
150
|
padding-left: $spacing-normal;
|
152
151
|
padding-right: $spacing-normal;
|
153
|
-
|
152
|
+
}
|
154
153
|
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
}
|
154
|
+
.list-item-primary-subtext {
|
155
|
+
color: color("helper");
|
156
|
+
font-size: $font-size-small;
|
157
|
+
padding-top: $spacing-xsmall;
|
160
158
|
}
|
161
159
|
|
162
160
|
// Force list-item to wrap text
|
@@ -164,13 +162,29 @@ ol {
|
|
164
162
|
@include force-text-wrap();
|
165
163
|
}
|
166
164
|
|
165
|
+
.list.truncate-overflow-text .list-item-primary {
|
166
|
+
@include truncate-text();
|
167
|
+
}
|
168
|
+
|
167
169
|
// Lists - list item secondary
|
168
170
|
//----------------------------------------------------------------------
|
169
171
|
|
170
172
|
.list-item-secondary {
|
171
173
|
color: color("helper");
|
174
|
+
// color: color("icon");
|
175
|
+
font-size: $font-size-icon;
|
176
|
+
height: $list-item-icon-width;
|
177
|
+
line-height: $list-item-icon-width;
|
178
|
+
// margin-left: $spacing-normal;
|
179
|
+
padding: 0;
|
172
180
|
padding-right: $spacing-normal;
|
173
181
|
text-align: right;
|
182
|
+
width: $list-item-icon-width;
|
183
|
+
|
184
|
+
.icon {
|
185
|
+
color: color("icon");
|
186
|
+
font-size: $font-size-icon;
|
187
|
+
}
|
174
188
|
}
|
175
189
|
|
176
190
|
// Lists - sizes
|
@@ -188,8 +202,7 @@ ol {
|
|
188
202
|
}
|
189
203
|
|
190
204
|
.list-item {
|
191
|
-
.list-item-primary
|
192
|
-
.list-item-secondary {
|
205
|
+
.list-item-primary {
|
193
206
|
padding-bottom: $spacing-small;
|
194
207
|
padding-top: $spacing-small;
|
195
208
|
}
|