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: 74a2a2fb3bd06ba5eb9d9c12c665f97fab7cb4b5
4
- data.tar.gz: 0d30e9d6e07c62b6bd374d5b945ae87eb1fb6cd5
3
+ metadata.gz: e09db604dab0af714e74500ba7f27a57156fe4aa
4
+ data.tar.gz: 406486cd8f31b2cc0addaab31cf1707a9beb0516
5
5
  SHA512:
6
- metadata.gz: 9665a6ce1aad76ac60659e66ed35c12f918d95dcb03de9396b588f6f1a843dd1d08a79baa89e1b77383d36618c2abd30c030275a903b27b147c8cf51fd24bb8b
7
- data.tar.gz: b8d6353b0f9dd5122b6b1bb8ca97cc640b9ebb4c80f7bcb76435d1713005bfe1715735f2d699f2f9216f2adebdc45398a24c98299c59057d94e493339a14476d
6
+ metadata.gz: 5e6c26d3b9d14fc6b686f5679b1cbee485cab432447cd109394fba621629220b02087e50e5c3b72248670b69811e942ead061c8527f8d51d98a46bd56d850c0f
7
+ data.tar.gz: 66f547e46a4ddccf4f2d8073cb810ed3ae77cff211caff556bae4e72f7870240e99eb06392527a193c278595f5ad8d4505da536360354a9ac725c0bdf877e80b
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.2.43"
2
+ VERSION = "0.2.44"
3
3
  end
@@ -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
- @extend .list-item;
11
- min-height: 56px !important;
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
- @extend .list-item-icon;
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
- @extend .list-item-icon-circle;
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
- @extend .list-item-primary;
31
- @include force-text-wrap();
48
+ flex: 1;
49
+ padding-left: $spacing-normal;
50
+ padding-right: $spacing-normal;
32
51
  }
33
52
 
34
53
  .box-primary-subtext {
35
- @extend .list-item-primary-subtext;
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
- @include truncate-text();
152
+ }
154
153
 
155
- .list-item-primary-subtext {
156
- color: color("helper");
157
- font-size: $font-size-small;
158
- padding-top: $spacing-xsmall;
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
  }
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.2.43
4
+ version: 0.2.44
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand