значение, максимальное значение по умолчанию равно 1

наивысшая ценность

самое низкое значение

Более высокий порог предупреждения

Нижний порог предупреждения

Оптимальное значение, значение по умолчанию — среднее, оптимальное значение — зеленый, значение, близкое к оптимальному, — желтый, значение, далекое от оптимального, — красный.

значение, максимальное значение по умолчанию равно 1

максимальное значение

горизонтальное направление

вертикальное направление

// Определить переменные<br>@width: 500px;<br>@height: 300px;<br>@color: #f90;<br><br><br>#box {<br> Position: Absolute;<br > слева: 50%;<br> сверху: 50%;<br> ширина: @width;<br> высота: @height;<br> поля слева: -@width/2;<br> поля сверху: -@height/2;<br> граница: сплошная 2 пикселя @color;<br>}

npm установить меньше -g

lessc bootstrap.less bootstrap.css

//Обрабатывать переменную less как значение атрибута css<br> width: @len;

// Когда переменная less используется в качестве имени атрибута @{имя переменной><br> @{bg}: @basecolor;

// Когда переменная less используется в качестве селектора @{variable}<br>#@{activeclass} {<br> ширина: 100 пикселей;<br> высота: 100 пикселей;<br>}

// Обычное смешивание аналогично селектору класса<br>.center-box01 {<br> позиция: абсолютное;<br> левое: 50%;<br> верхнее: 50%;<br> ширина: 400 пикселей;<br > высота: 300 пикселей;<br> поле слева: -200 пикселей;<br> поле сверху: -150 пикселей;<br> цвет фона: #ccc;<br>}<br><br>.box01 {<br > граница: сплошная 1 пиксель #999;<br> text-align:center;<br><br> // Вызов смешивания<br> .center-box01();<br>}<br>

//После смешанной компиляции без вывода CSS не будет выводиться<br>.center-box02() {<br> позиция: абсолютная;<br> левая: 50%;<br> верхняя: 50%;<br> ширина: 400 пикселей;<br> высота: 300 пикселей;<br> поле слева: -200 пикселей;<br> поле сверху: -150 пикселей;<br> цвет фона: #ccc;<br>}<br>.box02 {<br> // Вызов mix<br> .center-box02();<br><br> border:1px Solid #ccc;<br>}<br>.list {<br> // Вызов без параметров For blending, () можно опустить<br> .center-box02;<br>}

// Смешивание с параметрами<br>.center-box03(@width, @height, @bgcolor) {<br> позиция: абсолютная;<br> слева: 50%;<br> сверху: 50%;<br> ширина : @width;<br> высота: @height;<br> поля слева: -@width/2;<br> поля сверху: -@height/2;<br> цвета фона: @bgcolor;< br >}<br><br>.box03 {<br> //.center-box03(600px, 200px, красный);<br> .center-box03(1000px, 500px, #369);<br>}

//Значения параметров смешивания по умолчанию. Параметры со значениями по умолчанию размещаются сзади<br>.center-box04(@width, @height:100px, @bgcolor: Gray) {<br> Position: Absolute; <br> слева: 50% ;<br> сверху: 50%;<br> ширина: @width;<br> высота: @height;<br> поле-слева: -@width/2;<br> поле- top: -@height/2 ;<br> background-color: @bgcolor;<br>}<br><br>.box04 {<br> .center-box04(200px, 100px);<br> //. center-box04(200px, 100px, красный);<br> //.center-box04(800px);<br>}

//Значение параметра по умолчанию,<br>.center-box05(@width:1000px, @height, @bgcolor) {<br> позиция: абсолютная;<br> слева: 50%;<br> сверху: 50%;< br> ширина: @width;<br> высота: @height;<br> поля слева: -@width/2;<br> поля сверху: -@height/2;<br> цвета фона: @bgcolor ;<br>}<br><br>.box05 {<br> //.center-box05(400px, 300px, green);<br><br> // При вызове микса указываем, какое значение присвоено какой параметр Порядок не имеет значения, просто укажите все<br> //.center-box05(@height:500px, @bgcolor:red);<br> .center-box05(@bgcolor:blue, @height :500px, @width:400px) ;<br>}

/*<br>переход: ширина 1 с, высота линейная 1 с<br>*/<br>// @arguments Получить все фактические параметры<br>.transition(@duration, @property:all, @timing-function:linear , @delay:0s) {<br> -webkit-transition: @arguments;<br> -moz-transition: @arguments;<br> переход: @arguments;<br>}<br><br>.box06 { < br> //.transition(2s);<br> //.transition(2s, ширина);<br> .transition(2s, ширина, легкость, 1s);<br>}<br>.box06 {< br > // Помимо запятых, для разделения параметров также можно использовать точку с запятой<br> // Обычно используются запятые, если значение параметра содержит запятую, для разделения параметров используются точки с запятой<br> .transition( 2с; ширина,высота; легкость;1с);<br>}