mod-base 1.0.73-beta.2 → 1.0.73-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.
Files changed (3) hide show
  1. package/CHANGELOG.md +2 -1
  2. package/package.json +1 -1
  3. package/src/styles/templates/_dark-mode.scss +16 -31
package/CHANGELOG.md CHANGED
@@ -1,7 +1,8 @@
1
1
  # Changelog
2
2
 
3
3
  ## 1.0.73
4
- - Fix hero content box-shadow not being removed in dark mode when form-in-progress is active on mobile.
4
+
5
+ - Updated review cards dark mode styles, to fix issues in tablet device
5
6
 
6
7
  ## 1.0.72
7
8
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.73-beta.2",
3
+ "version": "1.0.73-beta.5",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/templates/_dark-mode.scss CHANGED
@@ -46,7 +46,6 @@ $contact-us-blue-light: #8498E7;
46
46
  $bbb-img-filter: grayscale(1) invert(.915) brightness(1.5),
47
47
  // Banner
48
48
  $banner-overlay-background: linear-gradient(90deg, $background 17%, rgba($background, .5) 100%),
49
- $banner-overlay-background-desktop: $banner-overlay-background,
50
49
  $banner-callout-background: $color-charcoal8,
51
50
  $banner-callout-border-color: $color-grey-700,
52
51
  $banner-callout-text-color: null,
@@ -255,14 +254,6 @@ $contact-us-blue-light: #8498E7;
255
254
  }
256
255
  }
257
256
 
258
- @include breakpoint-md {
259
- .banner {
260
- &__background-overlay {
261
- background: $banner-overlay-background-desktop;
262
- }
263
- }
264
- }
265
-
266
257
  .checkbox {
267
258
  color: $checkbox-label-color;
268
259
  }
@@ -676,24 +667,22 @@ $contact-us-blue-light: #8498E7;
676
667
 
677
668
  .swiper--stacked-cards {
678
669
  .reviews-card {
679
- &.swiper-slide-active {
680
- background-color: $reviews-card-active-background;
681
- border-color: $reviews-card-active-background;
682
- box-shadow: none;
670
+ background-color: $reviews-card-active-background;
671
+ border-color: $reviews-card-active-background;
672
+ box-shadow: none;
683
673
 
684
- .reviews-card__author-name {
685
- border-color: $reviews-card-active-author-border-color;
686
- }
674
+ .reviews-card__author-name {
675
+ border-color: $reviews-card-active-author-border-color;
676
+ }
687
677
 
688
- .star-rating__icons {
689
- .stars-filled {
690
- color: $reviews-card-active-star-color;
691
- }
678
+ .star-rating__icons {
679
+ .stars-filled {
680
+ color: $reviews-card-active-star-color;
692
681
  }
682
+ }
693
683
 
694
- .reviews-card__verified {
695
- color: $reviews-card-active-verified-color;
696
- }
684
+ .reviews-card__verified {
685
+ color: $reviews-card-active-verified-color;
697
686
  }
698
687
  }
699
688
  }
@@ -1181,16 +1170,12 @@ $contact-us-blue-light: #8498E7;
1181
1170
  box-shadow: none;
1182
1171
  }
1183
1172
 
1184
- &.form-in-progress {
1185
- .hero {
1186
- background-color: $background-color;
1187
- }
1188
-
1189
- .hero__content {
1190
- box-shadow: none;
1173
+ &.form-in-progress {
1174
+ .hero {
1175
+ background-color: $background-color;
1176
+ }
1191
1177
  }
1192
1178
  }
1193
- }
1194
1179
 
1195
1180
  @include breakpoint-lg {
1196
1181
  .swiper--stacked-cards {