27. Jak działa system dziedziczenia w SCSS i jakie są jego korzyści?

W SCSS można dziedziczyć właściwości z jednego selektora do innego za pomocą rozszerzeń (@extend). Umożliwia to unikanie duplikacji kodu i utrzymanie spójności stylów.

Przykład dziedziczenia w SCSS:

%message-shared {
  border: 1px solid #ccc;
  padding: 10px;
  color: #333;
}

.message {
  @extend %message-shared;
  background-color: #f0f0f0;
}

.error {
  @extend %message-shared;
  background-color: #fdd;
  border-color: #f00;
}

Korzyści:

• Redukcja powtarzalności kodu: Mniej kodu do napisania i utrzymania.
• Spójność stylów: Stylizacja jest bardziej spójna i łatwa do zarządzania.