fix(radio, toggle): lint

GouvernementFR · Mar 9, 2023 · b91bcb8 · b91bcb8
1 parent ea2bb9a
commit b91bcb8
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 11 deletions.
diff --git a/src/component/radio/deprecated/style/_module.scss b/src/component/radio/deprecated/style/_module.scss
@@ -5,15 +5,15 @@
     #{ns-group(radio)}:not(#{ns(radio-rich)}) {
       input[type="radio"] {
         + label {
-          background-position: calc(-#{space(1v)} + 1px) calc(#{space(2v)} + 1px), calc(-#{space(1v)} + 1px) calc(#{space(2v)} + 1px);
+          background-position: calc(#{space(-1v)} + 1px) calc(#{space(2v)} + 1px), calc(#{space(-1v)} + 1px) calc(#{space(2v)} + 1px);
         }
       }
     }
 
     #{ns-group(radio)}--sm:not(#{ns(radio-rich)}) {
       input[type="radio"] {
         + label {
-          background-position: calc(-#{space(0.5v)} + 1px) calc(#{space(4v)} - 1px), calc(-#{space(0.5v)} + 1px) calc(#{space(4v)} - 1px);
+          background-position: calc(#{space(-0.5v)} + 1px) calc(#{space(4v)} - 1px), calc(#{space(-0.5v)} + 1px) calc(#{space(4v)} - 1px);
         }
       }
     }

diff --git a/src/component/radio/style/_tool.scss b/src/component/radio/style/_tool.scss
@@ -21,8 +21,5 @@
 }
 
 @function radio-rich-background-image($checked: true) {
-    @return 'linear-gradient(0deg, $color#3, $color#3), linear-gradient(0deg, $color#3, $color#3), linear-gradient(0deg, $color#3, $color#3), linear-gradient(0deg, $color#3, $color#3), #{radio-background-image($checked, sm)}';
+  @return 'linear-gradient(0deg, $color#3, $color#3), linear-gradient(0deg, $color#3, $color#3), linear-gradient(0deg, $color#3, $color#3), linear-gradient(0deg, $color#3, $color#3), #{radio-background-image($checked, sm)}';
 }
-
-
-
diff --git a/src/component/radio/style/module/_default.scss b/src/component/radio/style/module/_default.scss
@@ -17,7 +17,7 @@
       -webkit-tap-highlight-color: transparent;
       @include display-flex(row, center, flex-start, wrap);
       @include padding-left(8v);
-      background-position: calc(-#{space(1v)} + 1px) calc(-#{space(1v)} + 1px), calc(-#{space(1v)} + 1px) calc(-#{space(1v)} + 1px);
+      background-position: calc(#{space(-1v)} + 1px) calc(#{space(-1v)} + 1px), calc(#{space(-1v)} + 1px) calc(#{space(-1v)} + 1px);
       background-size: #{space(7.5v)} #{space(7.5v)}, #{space(7.5v)} #{space(7.5v)};
       background-repeat: no-repeat, no-repeat;
 

diff --git a/src/component/radio/style/module/_sm.scss b/src/component/radio/style/module/_sm.scss
@@ -10,7 +10,7 @@
 
     & + label {
       @include padding-left(6v);
-      background-position: calc(-#{space(0.5v)} + 1px) calc(#{space(1v)} - 1px), calc(-#{space(0.5v)} + 1px) calc(#{space(1v)} - 1px);
+      background-position: calc(#{space(-0.5v)} + 1px) calc(#{space(1v)} - 1px), calc(#{space(-0.5v)} + 1px) calc(#{space(1v)} - 1px);
       background-size: #{space(4.5v)} #{space(4.5v)}, #{space(4.5v)} #{space(4.5v)};
 
       @include before {

diff --git a/src/component/radio/style/scheme/_default.scss b/src/component/radio/style/scheme/_default.scss
@@ -82,6 +82,7 @@
           & + label {
             @include color.background-image((disabled grey), (legacy:$legacy), radio-background-image(false));
           }
+
           &:checked + label {
             @include color.background-image((disabled grey) (disabled grey), (legacy:$legacy), radio-background-image(true));
           }

diff --git a/src/component/radio/style/scheme/_rich.scss b/src/component/radio/style/scheme/_rich.scss
@@ -5,6 +5,7 @@
 
 @use 'module/color';
 @use 'module/disabled';
+@use 'module/selector';
 
 @mixin _radio-scheme-rich($legacy: false) {
   #{ns(radio-rich)} {

diff --git a/src/component/radio/style/scheme/_sm.scss b/src/component/radio/style/scheme/_sm.scss
@@ -82,6 +82,7 @@
           & + label {
             @include color.background-image((disabled grey), (legacy:$legacy), radio-background-image(false, sm));
           }
+
           &:checked + label {
             @include color.background-image((disabled grey) (disabled grey), (legacy:$legacy), radio-background-image(true, sm));
           }

diff --git a/src/component/toggle/style/_scheme.scss b/src/component/toggle/style/_scheme.scss
@@ -92,7 +92,7 @@
 
     input[type="checkbox"] {
       &:checked {
-        ~ #{ns(toggle__label)}  {
+        ~ #{ns(toggle__label)} {
           @include before {
             @include color.data-uri-svg((border plain error) (action-high blue-france), (legacy: $legacy), $toggle-checked-svg);
           }
@@ -126,5 +126,4 @@
       }
     }
   }
-
 }
diff --git a/src/component/toggle/style/module/_default.scss b/src/component/toggle/style/module/_default.scss
@@ -42,7 +42,7 @@
     &#{ns-attr(unchecked-label)}#{ns-attr(checked-label)} {
       @include padding-left(0);
 
-      @include before(attr(#{ns-attr(unchecked-label, null, true)})){
+      @include before(attr(#{ns-attr(unchecked-label, null, true)})) {
         @include margin-right(calc(var(--toggle-status-width) - #{spacing.space(2v)}));
       };