fix second radio issue safari

fbohz · Jun 29, 2020 · f94b1d2 · f94b1d2
1 parent 6ac2bd0
commit f94b1d2
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 6 deletions.
diff --git a/museo-demo/css/style.comp.css b/museo-demo/css/style.comp.css
@@ -652,7 +652,10 @@ body {
     opacity: 0;
     transition: opacity .2s; }
 
-.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
+.form__radio-input:checked + .form__radio-label {
+  background: transparent; }
+
+.form__radio-input:checked + .form__radio-label .form__radio-button::after {
   opacity: 1; }
 
 .popup {

diff --git a/museo-demo/css/style.concat.css b/museo-demo/css/style.concat.css
@@ -1098,7 +1098,10 @@ body {
     opacity: 0;
     transition: opacity .2s; }
 
-.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
+.form__radio-input:checked + .form__radio-label {
+  background: transparent; }
+
+.form__radio-input:checked + .form__radio-label .form__radio-button::after {
   opacity: 1; }
 
 .popup {

diff --git a/museo-demo/css/style.css b/museo-demo/css/style.css
diff --git a/museo-demo/css/style.prefix.css b/museo-demo/css/style.prefix.css
diff --git a/museo-demo/sass/components/_form.scss b/museo-demo/sass/components/_form.scss
@@ -65,6 +65,8 @@
 
     &__radio-input {
         display: none;
+        // opacity: 0;
+
     }
 
     &__radio-label {
@@ -100,7 +102,11 @@
         }
     }
 
-    &__radio-input:checked ~ &__radio-label &__radio-button::after {
+    &__radio-input:checked + &__radio-label {
+        background: transparent;
+    }
+
+    &__radio-input:checked + &__radio-label &__radio-button::after {
         opacity: 1;
     }
 }