mod-base 1.0.65-beta.5 → 1.0.65-beta.7

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles/templates/_dark-mode.scss +45 -31
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.65-beta.5",
3
+ "version": "1.0.65-beta.7",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/templates/_dark-mode.scss CHANGED
@@ -61,7 +61,7 @@ $contact-us-blue-light: #8498E7;
61
61
  $radio-btn-checked-border-color: null,
62
62
  $radio-btn-checked-icon-background-color: null,
63
63
  $radio-btn-checked-icon-color: $color-grey-300,
64
- $radio-btn-checked-text-color: $color-grey-300,
64
+ $radio-btn-checked-text-color: $color-white,
65
65
  $radio-btn-hover-background-color: $radio-btn-background-color,
66
66
  $radio-btn-hover-border-color: $radio-btn-border-color,
67
67
  $radio-btn-hover-icon-background-color: null,
@@ -236,10 +236,10 @@ $contact-us-blue-light: #8498E7;
236
236
  .secure-text,
237
237
  .step__secure-text,
238
238
  .modal-subtitle {
239
- color: $color-grey-500;
239
+ color: $color-grey-300;
240
240
 
241
241
  svg {
242
- fill: $color-grey-500;
242
+ fill: $color-grey-300;
243
243
  }
244
244
  }
245
245
 
@@ -499,9 +499,9 @@ $contact-us-blue-light: #8498E7;
499
499
  }
500
500
 
501
501
  .reviews-card {
502
- background-color: $reviews-card-active-background;
503
- border-color: $reviews-card-active-background;
504
- box-shadow: none;
502
+ background-color: $background;
503
+ border-color: $color-grey-700;
504
+ box-shadow: 0px 8px 16px 0px rgba($color-grey-500, 10%);
505
505
  color: $text-color;
506
506
 
507
507
  &__avatar img {
@@ -509,7 +509,7 @@ $contact-us-blue-light: #8498E7;
509
509
  }
510
510
 
511
511
  &__author-name {
512
- border-color: $reviews-card-active-author-border-color;
512
+ border-color: $color-grey-600;
513
513
  }
514
514
 
515
515
  &__review,
@@ -518,20 +518,32 @@ $contact-us-blue-light: #8498E7;
518
518
  color: $text-color;
519
519
  }
520
520
 
521
- .star-rating__icons {
522
- .stars-filled {
523
- color: $reviews-card-active-star-color;
524
- }
525
- }
526
-
527
521
  .star-rating__stars {
528
522
  &::before {
529
523
  color: $color-grey-800;
530
524
  }
531
525
  }
526
+ }
527
+
528
+ .review-card {
529
+ &.review-stacked-card {
530
+ background-color: $reviews-card-active-background;
531
+ border-color: $reviews-card-active-background;
532
+ box-shadow: none;
533
+
534
+ &__author-name {
535
+ border-color: $reviews-card-active-author-border-color;
536
+ }
532
537
 
533
- &__verified {
534
- color: $reviews-card-active-verified-color;
538
+ .star-rating__icons {
539
+ .stars-filled {
540
+ color: $reviews-card-active-star-color;
541
+ }
542
+ }
543
+
544
+ &__verified {
545
+ color: $reviews-card-active-verified-color;
546
+ }
535
547
  }
536
548
  }
537
549
 
@@ -1014,25 +1026,27 @@ $contact-us-blue-light: #8498E7;
1014
1026
  }
1015
1027
 
1016
1028
  @include breakpoint-lg {
1017
- .reviews-card {
1018
- &:not(.swiper-slide-active) {
1019
- background-color: $reviews-card-inactive-background;
1020
- .reviews-card {
1021
- &__review,
1022
- &__author {
1023
- color: $reviews-card-inactive-text-color;
1024
- }
1025
- &__author-name {
1026
- border-color: $reviews-card-inactive-author-border-color;
1029
+ .review-card {
1030
+ &.review-stacked-card {
1031
+ &:not(.swiper-slide-active) {
1032
+ background-color: $reviews-card-inactive-background;
1033
+ .reviews-card {
1034
+ &__review,
1035
+ &__author {
1036
+ color: $reviews-card-inactive-text-color;
1037
+ }
1038
+ &__author-name {
1039
+ border-color: $reviews-card-inactive-author-border-color;
1040
+ }
1041
+ &__verified {
1042
+ color: $reviews-card-inactive-verified-color;
1043
+ }
1027
1044
  }
1028
- &__verified {
1029
- color: $reviews-card-inactive-verified-color;
1045
+ .star-rating__text,
1046
+ .star-rating__icons .stars .stars-filled {
1047
+ color: $reviews-card-inactive-star-color;
1030
1048
  }
1031
1049
  }
1032
- .star-rating__text,
1033
- .star-rating__icons .stars .stars-filled {
1034
- color: $reviews-card-inactive-star-color;
1035
- }
1036
1050
  }
1037
1051
  }
1038
1052
  }