3

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

* { --offset: 10px; }

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

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

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

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

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

1
  • Если писать .menu a:hover { padding: var(--offset); }, то смещение работает Commented 11 мар. 2017 в 7:08

1 ответ 1

2

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

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

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

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

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

1
  • 1
    Не используйте переменные в CSS. Очень слабая поддержка браузерами
    – Yuri
    Commented 11 мар. 2017 в 7:37

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.