mod-base 1.0.63 → 1.0.64-beta.2

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 CHANGED
@@ -1,5 +1,9 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.0.64
4
+
5
+ - Updated dark mode styles for checkbox used in multi select questions
6
+
3
7
  ## 1.0.63
4
8
 
5
9
  - Add/Update trade icons
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.63",
3
+ "version": "1.0.64-beta.2",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
@@ -128,6 +128,40 @@ $contact-us-blue-light: #8498E7;
128
128
  color: $checkbox-label-color;
129
129
  }
130
130
 
131
+ .checkbox--multi-select-options {
132
+ .checkbox__label-text {
133
+ color: $color-grey-300;
134
+ }
135
+
136
+ label {
137
+ input[type="checkbox"] {
138
+ &:not(:checked) {
139
+ &::before {
140
+ background: transparent;
141
+ border: 1px solid $color-grey-500;
142
+ }
143
+ }
144
+
145
+ ~ .checkbox__label-text {
146
+ &::before {
147
+ border: 1px solid $color-grey-500;
148
+ }
149
+ }
150
+
151
+ &:active,
152
+ &:focus,
153
+ &:hover,
154
+ &:checked {
155
+ ~ .checkbox__label-text {
156
+ &::before {
157
+ border: 1px solid $radio-btn-standard-hover-select-background-color;
158
+ }
159
+ }
160
+ }
161
+ }
162
+ }
163
+ }
164
+
131
165
  .partners {
132
166
  background-color: darken($background, 2%);
133
167