dlegr250_material_design 0.2.43 → 0.2.44

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