dlegr250_material_design 0.5.98 → 0.5.99
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: 07ae7743aaea56dd0b24c19472f4cb971966c87f
|
|
4
|
+
data.tar.gz: fee2d3e6fcf33e076b48cb03bdcc334af1b4b448
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a2b5685c4a74ccf2ce7eef0a7cb3f6f79a00566d49098c7fb2971dfdc272b3dcd4413d1c9d4765254e06f002f770a89da32c320660c02c053955ea1d163617a2
|
|
7
|
+
data.tar.gz: 20d6149a0642d71188fe872f7884753d73250bba6046be29cb533472b2006954c9d3d0d7c59725586b3b2345d1a0ae79087550a14b36d0c309d7cd6d4c1c22e6
|
|
@@ -159,8 +159,6 @@ $default-rounded-corners-radius: 2px; // As per Material Design spec
|
|
|
159
159
|
display: -webkit-flex;
|
|
160
160
|
flex-direction: row;
|
|
161
161
|
justify-content: center;
|
|
162
|
-
|
|
163
|
-
position: relative;
|
|
164
162
|
}
|
|
165
163
|
|
|
166
164
|
@mixin flex-align-left() { justify-content: flex-start !important; }
|
|
@@ -234,8 +232,6 @@ $default-rounded-corners-radius: 2px; // As per Material Design spec
|
|
|
234
232
|
|
|
235
233
|
@mixin list() {
|
|
236
234
|
position: relative;
|
|
237
|
-
// overflow-x: hidden;
|
|
238
|
-
// overflow-y: auto;
|
|
239
235
|
flex: 1 1 auto;
|
|
240
236
|
}
|
|
241
237
|
|
|
@@ -248,8 +244,6 @@ $default-rounded-corners-radius: 2px; // As per Material Design spec
|
|
|
248
244
|
position: relative;
|
|
249
245
|
width: 100%;
|
|
250
246
|
@include flex-parent();
|
|
251
|
-
// @include flex-parent();
|
|
252
|
-
// @include flex-align-left();
|
|
253
247
|
@include no-touch-highlight-color();
|
|
254
248
|
@include transition(background-color 0.30s ease);
|
|
255
249
|
}
|
|
@@ -267,24 +261,16 @@ $list-item-icon-width: 48px;
|
|
|
267
261
|
max-height: $list-item-icon-width;
|
|
268
262
|
text-align: center;
|
|
269
263
|
width: $list-item-icon-width;
|
|
270
|
-
|
|
271
|
-
// max-width: 44px; // 56px
|
|
272
|
-
// padding-left: 0; // $spacing-small
|
|
273
|
-
// text-align: center;
|
|
274
|
-
// width: 44px; // 56px
|
|
275
264
|
}
|
|
276
265
|
|
|
277
266
|
@mixin list-item-primary() {
|
|
267
|
+
color: color("text");
|
|
278
268
|
padding: 8px;
|
|
279
269
|
line-height: 16px;
|
|
280
270
|
box-flex: 1;
|
|
281
271
|
flex-grow: 1;
|
|
282
272
|
flex-wrap: wrap;
|
|
283
273
|
align-items: center;
|
|
284
|
-
// color: color("text");
|
|
285
|
-
// flex: 1; // Fill space
|
|
286
|
-
// font-size: $font-size-normal;
|
|
287
|
-
// padding: $spacing-normal $spacing-small;
|
|
288
274
|
}
|
|
289
275
|
|
|
290
276
|
@mixin list-item-primary-supertext() {
|
|
@@ -292,8 +278,6 @@ $list-item-icon-width: 48px;
|
|
|
292
278
|
font-size: $font-size-small;
|
|
293
279
|
font-weight: normal;
|
|
294
280
|
padding-bottom: $spacing-xsmall;
|
|
295
|
-
// @include flex-parent();
|
|
296
|
-
// @include flex-align-left();
|
|
297
281
|
}
|
|
298
282
|
|
|
299
283
|
@mixin list-item-primary-subtext() {
|
|
@@ -34,7 +34,7 @@ $text-fields: "input[type='email'], input[type='number'], input[type='search'],
|
|
|
34
34
|
// Dimensions - lists
|
|
35
35
|
//----------------------------------------------------------------------
|
|
36
36
|
|
|
37
|
-
$list-one-line-height:
|
|
37
|
+
$list-one-line-height: 32px;
|
|
38
38
|
$list-one-line-with-avatar-height: 56px;
|
|
39
39
|
$list-two-lines-height: 72px;
|
|
40
40
|
$list-three-lines-height: 88px;
|
|
@@ -77,35 +77,35 @@ ol {
|
|
|
77
77
|
//----------------------------------------------------------------------
|
|
78
78
|
|
|
79
79
|
// Sizes
|
|
80
|
-
.list-one-line .list-item,
|
|
81
|
-
.list-item-one-line {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.list-one-line-with-avatar .list-item,
|
|
91
|
-
.list-item-one-line-with-avatar {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.list-two-lines .list-item,
|
|
101
|
-
.list-item-two-lines {
|
|
102
|
-
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.list-three-lines .list-item,
|
|
106
|
-
.list-item-three-lines {
|
|
107
|
-
|
|
108
|
-
}
|
|
80
|
+
// .list-one-line .list-item,
|
|
81
|
+
// .list-item-one-line {
|
|
82
|
+
// min-height: $list-one-line-height;
|
|
83
|
+
//
|
|
84
|
+
// .list-item-primary {
|
|
85
|
+
// padding-bottom: $spacing-small;
|
|
86
|
+
// padding-top: $spacing-small;
|
|
87
|
+
// }
|
|
88
|
+
// }
|
|
89
|
+
//
|
|
90
|
+
// .list-one-line-with-avatar .list-item,
|
|
91
|
+
// .list-item-one-line-with-avatar {
|
|
92
|
+
// min-height: $list-one-line-with-avatar-height;
|
|
93
|
+
//
|
|
94
|
+
// .list-item-primary {
|
|
95
|
+
// padding-bottom: $spacing-small;
|
|
96
|
+
// padding-top: $spacing-small;
|
|
97
|
+
// }
|
|
98
|
+
// }
|
|
99
|
+
//
|
|
100
|
+
// .list-two-lines .list-item,
|
|
101
|
+
// .list-item-two-lines {
|
|
102
|
+
// min-height: $list-two-lines-height;
|
|
103
|
+
// }
|
|
104
|
+
//
|
|
105
|
+
// .list-three-lines .list-item,
|
|
106
|
+
// .list-item-three-lines {
|
|
107
|
+
// min-height: $list-three-lines-height;
|
|
108
|
+
// }
|
|
109
109
|
|
|
110
110
|
.list-bordered {
|
|
111
111
|
@include box-shadow(0 0 1px #aaa);
|
|
@@ -166,46 +166,46 @@ ol {
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
// Aligned top instead of centered
|
|
169
|
-
.list-align-top {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
}
|
|
169
|
+
// .list-align-top {
|
|
170
|
+
// .list-item {
|
|
171
|
+
// @include flex-parent();
|
|
172
|
+
// @include flex-vertical-align-top();
|
|
173
|
+
// }
|
|
174
|
+
//
|
|
175
|
+
// .list-item-icon {
|
|
176
|
+
// // padding-top: $spacing-normal;
|
|
177
|
+
// }
|
|
178
|
+
//
|
|
179
|
+
// .list-item-secondary {
|
|
180
|
+
// padding-top: $spacing-normal;
|
|
181
|
+
// }
|
|
182
|
+
//
|
|
183
|
+
// .list-item-secondary-actions {
|
|
184
|
+
// padding-top: $spacing-small;
|
|
185
|
+
// }
|
|
186
|
+
// }
|
|
187
187
|
|
|
188
188
|
// Components to save typing classes
|
|
189
189
|
//----------------------------------------------------------------------
|
|
190
190
|
|
|
191
|
-
.component-list {
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
}
|
|
191
|
+
// .component-list {
|
|
192
|
+
// background-color: color("white");
|
|
193
|
+
// @include box-shadow(0 0 1px color("divider"));
|
|
194
|
+
// @include rounded-corners();
|
|
195
|
+
//
|
|
196
|
+
// .list-item {
|
|
197
|
+
// min-height: $list-two-lines-height;
|
|
198
|
+
//
|
|
199
|
+
// &:not(:last-child) {
|
|
200
|
+
// border-bottom: 1px solid color("divider");
|
|
201
|
+
// }
|
|
202
|
+
// }
|
|
203
|
+
// }
|
|
204
204
|
|
|
205
205
|
// Sizes for component lists
|
|
206
|
-
.component-list.list-one-line .list-item { min-height: $list-one-line-height; }
|
|
207
|
-
.component-list.list-two-lines .list-item { min-height: $list-two-lines-height; }
|
|
208
|
-
.component-list.list-three-lines .list-item { min-height: $list-three-lines-height; }
|
|
206
|
+
// .component-list.list-one-line .list-item { min-height: $list-one-line-height; }
|
|
207
|
+
// .component-list.list-two-lines .list-item { min-height: $list-two-lines-height; }
|
|
208
|
+
// .component-list.list-three-lines .list-item { min-height: $list-three-lines-height; }
|
|
209
209
|
|
|
210
210
|
|
|
211
211
|
// List headers
|