Код IT
← Каталог

Переменные в CSS — Переопределение переменных

Фрагмент из «Переменные в CSS»: Переопределение переменных.

css cssencyclopedia1111 embed URL статья в энциклопедии
CSS main.css 
.actions {
  --item-size: 50px;
  display: flex;
  gap: calc(var(--item-size) / 2);
}

.actions__item {
  width: var(--item-size);
  height: var(--item-size);
}

.actions--large {
  --item-size: 80px;
}
.actions {
  --item-size: 50px;
  display: flex;
  gap: calc(var(--item-size) / 2);
}

.actions__item {
  width: var(--item-size);
  height: var(--item-size);
}

.actions--large {
  --item-size: 80px;
}