Ответы пользователя по тегу Вёрстка
  • Как верстать многостраничные сайты с использованием однотипных блоков?

    @iordania
    Вам нужно копать в сторону bem(методологии) + scss, получится что-то вроде этого:
    .header {
      // описываете дефолтные стили
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      color: black;
      background: white;
      &--dark-mode {
        // описываете стили для тёмного хедера, к примеру достаточно поменять только background
        color: white;
        background: black;
      }
    }


    а ещё можно с помощью миксина, где для каждого блока вы сможите задать свой цвет, но дефолтные стили будут одинаковые:
    @mixin styleBlock($bgcolor) {
      align-items: center;
      font-size: 15px;
      cursor: pointer;
      border: 2px solid red;
      background: $bgcolor;
    }
    
    .block-1 {
      @include styleBlock(red);
    }
    
    .block-2 {
      @include styleBlock(green);
    }
    Ответ написан