АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗mkLsBsPCCB 30 of 41 menu
Бесплатная Тренировка Верстки. Приглашаются желающие поверстать!

Применение блока кода для псевдоклассов в LESS

Давайте сделаем функцию, которая будет задавать стили ссылки в состоянии hover.

Пусть эта функция параметром принимает блок кода:

.hover(@code) { }

Давайте выведем переданный блок кода внутри состояния hover:

.hover(@code) { &:hover { @code(); } }

Воспользуемся нашей фукцией внутри ссылки:

a { color: red; .hover({ color: blue; text-decoration: none; }); }

Результат компиляции:

a { color: red; } a:hover { color: blue; text-decoration: none; }

Сделайте аналогичную функцию, которая будет задавать стили для инпута в состоянии focus.

enru