CSS Препроцессоры

Используйте CSS препроцессоры

Используйте CSS препроцессоры (например, SASS(SCSS)) для более удобного и эффективного написания стилей. Например SCSS:

/* Using variables and nesting in Scss */
$primary-color: #3498db;
$secondary-color: #2ecc71;

.element {
  color: $primary-color;
  background-color: $secondary-color;
  
  &:hover {
    opacity: 0.8;
  }
}