Как связаны куски:
@base-color: rgb(110, 27, 255);
.alert {
&-primary {
.generate-colors(@base-color);
}
}
и
.generate-colors(@color) {
@bg-color: lighten(@color, 35%);
background-color: @bg-color;
color: darken(@bg-color, 50%);
border-color: darken(spin(@bg-color, -10), 5%);
}
спасибо заранее!
Второе правило - это примесь, так ее “объявили”. А в первом правиле ее применили - вместо параметра @color подставили переменную @base-color.
Наверное, из-за такой неразберихи мне ближе SASS(SCSS), где создание примеси (миксина) и применение никак не перепутаешь, ведь в правилах есть специальные слова.
спасибо большое.
Инна, можно еще вопрос?!
в єтом коде что есть что?
.triangle(@_; @size; @color) {
width: 0;
height: 0;
border-width: @size;
border-style: solid;
border-color: @color;
}
.triangle(top; @size; @color) {
border-left-color:transparent;
border-right-color:transparent;
border-top-style:none;
}
Это 2 части одного шаблона примеси?
Первое правило - это универсальный шаблон для создания треугольника с помощью рамки - первый параметр @_
Второе правило - это “частный” шаблон - название соответствует первому параметру - top - “треугольник вверх ▲”
ок, спасибо 