mod-base 1.0.23-beta.2 → 1.0.23-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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles/templates/_dark-mode.scss +10 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.23-beta.2",
3
+ "version": "1.0.23-beta.4",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/templates/_dark-mode.scss CHANGED
@@ -25,13 +25,13 @@ $contact-us-blue-light: #8498E7;
25
25
  .btn__text {
26
26
  color: $color-btn-text;
27
27
  }
28
-
28
+
29
29
  &:hover,
30
30
  &:active,
31
31
  &:focus {
32
32
  background-color: darken($color-btn, 10%);
33
33
  color: $color-btn-text;
34
-
34
+
35
35
  .btn__text {
36
36
  color: $color-btn-text;
37
37
  }
@@ -53,6 +53,7 @@ $contact-us-blue-light: #8498E7;
53
53
  $radio-btn-background-color: $background,
54
54
  $radio-btn-text-color: $color-white,
55
55
  $radio-btn-icon-color: $color-white,
56
+ $radio-btn-border-color: null,
56
57
  $radio-btn-icon-background: transparent,
57
58
  $radio-btn-checked-background-color: null,
58
59
  $radio-btn-checked-border-color: null,
@@ -492,7 +493,9 @@ $contact-us-blue-light: #8498E7;
492
493
  .zip-control__icon {
493
494
  color: $interactive-text-color-hover;
494
495
  }
496
+ }
495
497
 
498
+ &:focus {
496
499
  background-color: rgba($color-charcoal2, 9%);
497
500
  outline-color: $color-charcoal2;
498
501
  }
@@ -551,7 +554,7 @@ $contact-us-blue-light: #8498E7;
551
554
 
552
555
  &::before {
553
556
  background-color: $background;
554
- border-color: $radio-btn-text-color;
557
+ border-color: $radio-btn-border-color;
555
558
  }
556
559
 
557
560
  // Icon
@@ -599,6 +602,10 @@ $contact-us-blue-light: #8498E7;
599
602
  }
600
603
 
601
604
  @include breakpoint-phone {
605
+ .hero--full {
606
+ background-color: $background;
607
+ }
608
+
602
609
  .form--inverted {
603
610
  box-shadow: none;
604
611
  }