Блок "Button"

Описание

Блок "Button" - это кнопка. Для использования блока требуется подключить button.less в своем less файле.

						
@import "../../blocks/button/button.less" 
						
					

Важно! Путь указан относительно текущего файла. Вполне возможно, что вам потребуется указать свой.

Далее требуется скопировать следующую разметку и вставить в свой файл.

											

<button class="button">Это кнопка</button>
						
					

После сделанных шагов вы должны увидеть в браузере следующий результат.

Модификации

Черная

Подключите требуемые LESS файлы в своем файле.

						
@import "../../blocks/button/button.less" 
@import "../../blocks/button/modifiers/button_black/button_black.less"   
						
					

Далее скопируйте следующий HTML и вставьте в свой файл.

											

<button class="button button_black">Черная кнопка</button>
						
					

Вы должны увидеть следующий результат.

Белая

Подключите требуемые LESS файлы в своем файле.

						
@import "../../blocks/button/button.less" 
@import "../../blocks/button/modifiers/button_white/button_white.less" 
						
					

Далее скопируйте следующий HTML и вставьте в свой файл.

											

<button class="button button_white">Белая кнопка</button>
						
					

Вы должны увидеть следующий результат.