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

Question

[NerVik]

Спасите, как переписать этот кусок кода с 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;
      }
    }
  }
}

Comments

[sim3x]

Задание, а не вопрос

[NerVik]

sim3x: нужен пример подобного на LESS, а то вообще никак не получается..

Answer 1

[sim3x]

начни с минимума
lesscss.org/features/#features-overview-feature-fu...
sass-lang.com/documentation/Sass/Script/Functions.html

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

Потом почитай вот ети гайды
https://csspre.com/convert/