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: 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