mod-base 1.0.73-beta.5 → 1.0.74-beta.4
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/CHANGELOG.md +1 -2
- package/package.json +1 -1
- package/src/styles/templates/_dark-mode.scss +40 -17
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
3
|
## 1.0.73
|
|
4
|
-
|
|
5
|
-
- Updated review cards dark mode styles, to fix issues in tablet device
|
|
4
|
+
- Fix hero content box-shadow not being removed in dark mode when form-in-progress is active on mobile, and adding featured block image box shadow in dark mode styles
|
|
6
5
|
|
|
7
6
|
## 1.0.72
|
|
8
7
|
|
package/package.json
CHANGED
|
@@ -46,6 +46,7 @@ $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,
|
|
49
50
|
$banner-callout-background: $color-charcoal8,
|
|
50
51
|
$banner-callout-border-color: $color-grey-700,
|
|
51
52
|
$banner-callout-text-color: null,
|
|
@@ -56,6 +57,8 @@ $contact-us-blue-light: #8498E7;
|
|
|
56
57
|
$color-btn: null,
|
|
57
58
|
$color-btn-text: null,
|
|
58
59
|
$checkbox-label-color: null,
|
|
60
|
+
// featured block
|
|
61
|
+
$featured-block-img-box-shadow: null,
|
|
59
62
|
$footer-background: $color-charcoal9,
|
|
60
63
|
$foreground: $color-grey-300,
|
|
61
64
|
$form-input-border-color: null,
|
|
@@ -254,6 +257,14 @@ $contact-us-blue-light: #8498E7;
|
|
|
254
257
|
}
|
|
255
258
|
}
|
|
256
259
|
|
|
260
|
+
@include breakpoint-md {
|
|
261
|
+
.banner {
|
|
262
|
+
&__background-overlay {
|
|
263
|
+
background: $banner-overlay-background-desktop;
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
|
|
257
268
|
.checkbox {
|
|
258
269
|
color: $checkbox-label-color;
|
|
259
270
|
}
|
|
@@ -332,6 +343,12 @@ $contact-us-blue-light: #8498E7;
|
|
|
332
343
|
filter: $background-img-brightness;
|
|
333
344
|
}
|
|
334
345
|
|
|
346
|
+
@if $featured-block-img-box-shadow != null {
|
|
347
|
+
.featured-block__media img {
|
|
348
|
+
box-shadow: $featured-block-img-box-shadow;
|
|
349
|
+
}
|
|
350
|
+
}
|
|
351
|
+
|
|
335
352
|
.header__logo img,
|
|
336
353
|
.header__logo svg {
|
|
337
354
|
filter: $logo-filter;
|
|
@@ -667,22 +684,24 @@ $contact-us-blue-light: #8498E7;
|
|
|
667
684
|
|
|
668
685
|
.swiper--stacked-cards {
|
|
669
686
|
.reviews-card {
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
687
|
+
&.swiper-slide-active {
|
|
688
|
+
background-color: $reviews-card-active-background;
|
|
689
|
+
border-color: $reviews-card-active-background;
|
|
690
|
+
box-shadow: none;
|
|
673
691
|
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
692
|
+
.reviews-card__author-name {
|
|
693
|
+
border-color: $reviews-card-active-author-border-color;
|
|
694
|
+
}
|
|
677
695
|
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
696
|
+
.star-rating__icons {
|
|
697
|
+
.stars-filled {
|
|
698
|
+
color: $reviews-card-active-star-color;
|
|
699
|
+
}
|
|
681
700
|
}
|
|
682
|
-
}
|
|
683
701
|
|
|
684
|
-
|
|
685
|
-
|
|
702
|
+
.reviews-card__verified {
|
|
703
|
+
color: $reviews-card-active-verified-color;
|
|
704
|
+
}
|
|
686
705
|
}
|
|
687
706
|
}
|
|
688
707
|
}
|
|
@@ -1170,14 +1189,18 @@ $contact-us-blue-light: #8498E7;
|
|
|
1170
1189
|
box-shadow: none;
|
|
1171
1190
|
}
|
|
1172
1191
|
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
}
|
|
1192
|
+
&.form-in-progress {
|
|
1193
|
+
.hero {
|
|
1194
|
+
background-color: $background-color;
|
|
1177
1195
|
}
|
|
1196
|
+
|
|
1197
|
+
.hero__content {
|
|
1198
|
+
box-shadow: none;
|
|
1199
|
+
}
|
|
1200
|
+
}
|
|
1178
1201
|
}
|
|
1179
1202
|
|
|
1180
|
-
@include breakpoint-
|
|
1203
|
+
@include breakpoint-md {
|
|
1181
1204
|
.swiper--stacked-cards {
|
|
1182
1205
|
.reviews-card {
|
|
1183
1206
|
&:not(.swiper-slide-active) {
|