@@include("../parts/head.html") @@include("../parts/header.html")
@@include("../parts/navbar.html")

Блок "Button"

Описание

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

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

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

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

											
@@include("../../../blocks/button/button-source.html")
						
					

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

@@include("../../../blocks/button/button.html")

Модификации

Черная

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

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

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

											
@@include("../../../blocks/button/modifiers/button_black/button_black-source.html")
						
					

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

@@include("../../../blocks/button/modifiers/button_black/button_black.html")

Белая

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

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

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

											
@@include("../../../blocks/button/modifiers/button_white/button_white-source.html")
						
					

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

@@include("../../../blocks/button/modifiers/button_white/button_white.html")
@@include("../parts/scripts.html")