Математические функции в цикле SCSS

352
22 сентября 2017, 19:17

Всем привет.

Подскажите, как сделать цикл такого плана с помощью SASS:

@for $lvl from 1 through 7 {
  .ul-lvl_#{$lvl}
  {
    width: (5% * #{$lvl});
  }
}

Нужно, чтобы

  • Длина первого элемента равнялась 5%
  • Второго - 10%
  • Третьего - 15%
  • И так далее.
Answer 1

Так:

@for $lvl from 1 through 7 {
    .ul-lvl_#{$lvl} {
        width: #{$lvl*5+'%'}
    }
}
READ ALSO
Openshift редактирование конфигурационных файлов Tomcat, Mysql

Openshift редактирование конфигурационных файлов Tomcat, Mysql

Всем привет, начал пользоваться облачными плюшками, всё отлично, но, есть один непонятный моментУ меня приложение Tomcat и база Mysql, чтобы настроить...

259
Вопрос по установке MySql

Вопрос по установке MySql

При установке сервера MySql сначала требовал установить Visual StudioVisual Studio требовала установить NET Framework

490
JAVA добавить в исключения брандмауэра

JAVA добавить в исключения брандмауэра

Есть ли способ, средствами JAVA добавить мою программу в исключения брандмауэраЧтобы последний не блокировал работу приложения? то есть, при...

418
Как заполнить список разными объектами?

Как заполнить список разными объектами?

Есть метод, который заполняет список одним объектом какое-то количество разА как сделать чтобы заполнялись разные объекты ? Вот объекты:

348