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

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