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: 308ef462c5f1e950004310da840af009c357e957
4
- data.tar.gz: db703fe5a2a62c3d0e2ee281edc279fb4e596fa6
3
+ metadata.gz: 07ae7743aaea56dd0b24c19472f4cb971966c87f
4
+ data.tar.gz: fee2d3e6fcf33e076b48cb03bdcc334af1b4b448
5
5
  SHA512:
6
- metadata.gz: 3122052591837dca035c1a8654bebf2c53b09377ce3919afcb8ab08709f7a83df8666998a31c79c0c9e2b1387b664f074195cd012953e002f062ccb61681603b
7
- data.tar.gz: 66cb0a7c28fe2738303f07dde53f3003c802c9c1242ec3bfa7691bc4befe56b3d8e3720a1f8796bf98d6d107aa2b174774adfd2892c8f6bc7239d46651a438ab
6
+ metadata.gz: a2b5685c4a74ccf2ce7eef0a7cb3f6f79a00566d49098c7fb2971dfdc272b3dcd4413d1c9d4765254e06f002f770a89da32c320660c02c053955ea1d163617a2
7
+ data.tar.gz: 20d6149a0642d71188fe872f7884753d73250bba6046be29cb533472b2006954c9d3d0d7c59725586b3b2345d1a0ae79087550a14b36d0c309d7cd6d4c1c22e6
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.5.98"
2
+ VERSION = "0.5.99"
3
3
  end
@@ -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: 48px;
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
- 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
- }
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
- .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
- }
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
- 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
- }
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
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.98
4
+ version: 0.5.99
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand