@NerVik

Как переписать такой код с SASS на LESS?

Спасите, как переписать этот кусок кода с SASS на LESS:

$red: (
  "lighten-5":  #FFEBEE,
  "lighten-4":  #FFCDD2,
  "base":       #F44336
);

$pink: (
  "lighten-5":  #fce4ec,
  "lighten-4":  #f8bbd0,
  "base":       #e91e63
);

$colors: (
  "red": $red,
  "pink": $pink,

@each $color_name, $color in $colors {
  @each $color_type, $color_value in $color {
    @if $color_type == "base" {
      .#{$color_name} {
        background-color: $color_value !important;
      }
      .#{$color_name}-text {
        color: $color_value !important;
      }
    }
    @else {
      .#{$color_name}.#{$color_type} {
        background-color: $color_value !important;
      }
      .#{$color_name}-text.text-#{$color_type} {
        color: $color_value !important;
      }
    }
  }
}
  • Вопрос задан
  • 143 просмотра
Пригласить эксперта
Ответы на вопрос 1
sim3x
@sim3x
начни с минимума
lesscss.org/features/#features-overview-feature-fu...
sass-lang.com/documentation/Sass/Script/Functions.html

Попробуй избежать использования такой функции - она выглядит странно

Потом почитай вот ети гайды
https://csspre.com/convert/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы