dlegr250_material_design 0.5.98 → 0.5.99
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: 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
|