mod-base 1.0.5-beta.4 → 1.0.5-beta.5

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.5-beta.4",
3
+ "version": "1.0.5-beta.5",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
@@ -1,3 +1,5 @@
1
+ @import '../icons/mixin-fill';
2
+
1
3
  $star-rating-height: 24px;
2
4
  $star-rating-height-sm: 20px;
3
5
  $star-rating-height-lg: 28px;
@@ -155,10 +157,10 @@ $rating-icons-folder: '../images/rating-icons' !default;
155
157
  }
156
158
 
157
159
  &__label {
158
- @include font-primary-bold;
159
160
  color: $color-charcoal5;
160
161
  display: inline-block;
161
162
  font-size: .75rem;
163
+ font-weight: 700;
162
164
  line-height: 1.3;
163
165
  transition: color $trans-func $trans-time;
164
166
  white-space: nowrap;
@@ -170,9 +172,9 @@ $rating-icons-folder: '../images/rating-icons' !default;
170
172
  }
171
173
 
172
174
  &--text {
173
- @include font-primary-regular;
174
175
  color: $color-charcoal4;
175
176
  font-size: .875rem;
177
+ font-weight: 400;
176
178
  line-height: 1.3;
177
179
  }
178
180
  }
@@ -212,12 +214,12 @@ a {
212
214
  * External ratings
213
215
  */
214
216
  .ext-rating-icon {
215
- @include font-primary-bold;
216
217
  border: 1px solid $color-charcoal1;
217
218
  border-radius: 16px;
218
219
  color: $color-charcoal5;
219
220
  display: inline-block;
220
221
  font-size: 1.0625rem;
222
+ font-weight: bold;
221
223
  line-height: 20px;
222
224
  padding: 5px 10px;
223
225
  transition: border-color $trans-time $trans-func;
@@ -309,10 +311,10 @@ a {
309
311
  }
310
312
 
311
313
  .large-rating-icon {
312
- @include font-primary-bold;
313
314
  color: $color-charcoal5;
314
315
  display: inline-block;
315
316
  font-size: 1.75rem;
317
+ font-weight: bold;
316
318
  height: 40px;
317
319
  line-height: 40px;
318
320
  padding-left: 45px;
@@ -332,11 +334,11 @@ a {
332
334
  }
333
335
 
334
336
  &::after {
335
- @include font-primary-regular;
336
337
  color: $color-charcoal4;
337
338
  content: '/ 5';
338
339
  display: inline-block;
339
340
  font-size: .9375rem;
341
+ font-weight: 400;
340
342
  vertical-align: middle;
341
343
  }
342
344