Ответы пользователя по тегу Sass
  • Как сделать, чтобы сайт быстрее загружался?

    @iljaGolubev
    объединит дублирующиеся свойства (один и тот же цвет и шрифт много раз, например)
    - это в любом случае лучше сделать. Иначе после нескольких итераций изменений будут баги (да и разобраться через месяц будет сложно).

    нужно было писать через sass, но уже поздно.
    - не поздно. Если уже понимаете в чём плюс пре/пост процессоров, то самое время начинать. Заодно дубли в css найдёте.

    сделать на данном этапе, чтобы сайт потом грузился быстрее?
    Проверьте скорость загрузки и вообще как всё работает Chrome -> Dev tools -> Lighthouse. Может ничего и не нужно делать?
    Ответ написан
    1 комментарий
  • Почему не работает ховер при наведении на соседа?

    @iljaGolubev
    button:hover p { background-color: #aaa }
    Не найдёт
    <div class="block-1">
        <button>x</button>
        <p>text</p>
    </div>

    А .block-1:hover p { background-color: #aaa } находит
    Ответ написан
    Комментировать
  • Перебор массива (sass/scss)?

    @iljaGolubev
    $colors: (
            item1: green,
            item2: orange,
            item3: red,
            item4: blue,
            item5: lime,
    );
    
    .test {
      @each $key, $color in $colors {
        $index: index($colors, ($key $color));
        &-#{$index}-#{$key} {
            color: $color;
        }
      }
    }
    Ответ написан
    Комментировать