Ответы пользователя по тегу Адаптивный дизайн
  • Использование переменных Sass в Media Queries?

    AlekseyNemiro
    @AlekseyNemiro
    full-stack developer
    Да, можно:
    $padding: 8px;
    
    div {
      padding: $padding; // 8px
    }
    
    
    @media (min-width: $screen-tablet) {
      $padding: 4px;
    
      div {
        padding: $padding; // 4px
      }
    }

    Главное не запутаться :-)

    Возможно лучшим решением будет не менять исходное значение, а производить вычисления:
    $padding: 8px;
    
    div {
      padding: $padding; // 8px
    }
    
    
    @media (min-width: $screen-tablet) {
      div {
        padding: ($padding - 4); // 8 - 4 = 4px
      }
    }
    Ответ написан
    Комментировать