Как задать константу в padding ссылки

323

13 марта 2017, 08:40

У меня есть константа объявленная как

* { --offset: 10px; }

И я хочу задать, при наведении на ссылку, смещение на константу, чтобы вместо

.menu a:hover {
   padding: 10px 0 10px 20px;
}

я мог написать

.menu a:hover {
   padding: var(--offset) 0 var(--offset) var(--offset)*2;
}

Возможно ли вообще такое реализовать?

Answer 1

Проблема оказалась в умножении константы на числовой литерал. Если писать

.menu a:hover { padding: var(--offset) 0 var(--offset) 20; }

то все работает хорошо. Так же к константе можно прибавлять литерал, то есть если написать

.menu a:hover { padding: var(--offset) 0 var(--offset) var(--offset)+10; }

будет тоже работать.

ТОП-10

У меня есть страница html, на ней кнопка submit

347

Сайт перестал отображаться корректно на мобильных устройствахНа мобильном например хром предлагает адаптировать страницу

411

Не получается добиться правильного отображенияВот сверстанный вариант того как должна выводиться пагинация поста:

303

Есть код вывода графика изменения цены на авиабилеты

336