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)}));
  };