Mike_Ro
@Mike_Ro
Чистейший колумбийский ЖеЭс

Как передавать в переменной CSS значение свойства inherit?

Приветствую!

На примере ниже:
1. .pl_inherit: var(--inherit) = inherit = не работает...
2. .pr_inherit: inherit = работает.
Как пофиксить?
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
<div class="parent" style="--p_inherit:30px; padding-right: 30px">
  <div class="parent__child pl_inherit pr_inherit">123</div>
</div>

.parent {
  padding-left: var(--p_inherit);
}
.pl_inherit {
  padding-left: var(--p_inherit);
}

Ну только кастомное свойство нужно нормально назвать.

Либо дочернему так прямо и писать padding-left: inherit;. Но это, конечно, зависит от того, как вы планируете дальше обращаться с этой переменной.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы