dlegr250_material_design 0.2.43 → 0.2.44
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: 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
|
}
|