Ответы пользователя по тегу Sass
  • Wordpress sass - Почему проблема с обновлением файла scss?

    Mike_Ro
    @Mike_Ro Куратор тега WordPress
    Python, JS, WordPress, SEO, Bots, Adversting
    Столкнулся с проектом в дизайне находиться gulpfile.js

    Консоль:
    1. Поставить ноду (рекомендую использовать nvm).
    2. Поставить галп глобально.
    3. Перейти в корень с проектом.
    4. Выполнить установку зависимостей (npm install), для этого в корне проекта должен лежать package.json с нужными зависимостями.
    5. Запустить галп (gulp), остальные команды можно посмотреть в package.json.
    Ответ написан
  • Можно ли удалить файл theme.min.css из dev сборки?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    а менять его неправильно. так как бы временный

    Это не временный, а минимизированный и постоянный css файл для продакшен ветки (по крайней мере так они именуются).
    Можно ли удалить файл theme.min.css из dev сборки?

    Вообще, визуально, файл похож на итоговый минимизированный css файл для продакшена, НО! Зависит от контекста конкретного проекта, вполне можно случиться так, что:
    - Предыдущий разраб так назвал постоянный файл для dev ветки.
    - Файл участвует как часть в scss или js при сборке.

    Чтобы убедиться точно, перенесите проект в тестовую директорию и запустите dev ветку без этого файла, проверьте в консоли браузера, нет ли ошибок подключения этого файла, если все ок - то все ок.
    Ответ написан
  • Почему не работает миксин(Undefined mixin)?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    Проверил, у меня работает.
    Выдаёт ошибку в препроцессоре Undefined mixin.

    На момент вызова - михин не объявлен. Предположу, что Вы предоставили код не в том виде, который на самом деле имеется у Вас.

    UPD:
    https://jsitor.com/6TIiVdjvt3

    Ваш миксин выполняет корректно, другой вопрос, что внутри него вызываются миксины media-breakpoint-only и media-breakpoint-between, которые у Вас не объявлены. Если их закомментить, то затем будет ошибка wrong number of arguments (4 for 3) for `rgb', но ее можно решить используя ответы от сюда https://stackoverflow.com/questions/16581791/wrong... .
    Ответ написан
  • SCSS получение значений массива?

    Mike_Ro
    @Mike_Ro Автор вопроса
    Python, JS, WordPress, SEO, Bots, Adversting
    Натолкнул на верное решение iBird Rose . Погуглив, задачи реализовал следующим образом:

    1.1. Как получить последнее значение массива?
    map_get($arrayColors, length($arrayColors));

    2.1. Как начать перебор массива с конца?
    @for $i from length($arrayColors) through 1 {
     color: nth($arrayColors, $i);
    }

    2.2. Если начали перебор массива с конца, то как теперь получить первое значение массива?
    map_get($arrayColors, 1);
    nth($arrayColors, 1);
    Ответ написан
    Комментировать
  • Как увеличить сочность цвета (scss)?

    Mike_Ro
    @Mike_Ro Автор вопроса
    Python, JS, WordPress, SEO, Bots, Adversting
    Решение 1:
    .element
    {
    color: hsla(hue($color), 10%, 10%, 1.0);
    }


    Решение 2:
    .c1
    {
      $l : lightness($color);
      color: if($l > 50, darken($color, ($l)-50), lighten($color, 50-($l)));
    }
    
    .c2
    {
      color: lighten($color, 100-(lightness($color)));
    }
    Ответ написан
    Комментировать
  • Чем лучше scss от css?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    зачем нужен препроцессор sass если css нормальный

    Если проект маленький и стилей крайне мало, то действительно, смысла в SCSS нет. В остальных случаях SCSS качественно выигрывает перед ванильным CSS. У меня разработка на SCSS занимает до 50% меньше времени, про дальнейшую поддержку вообще молчу.

    Основные преимущества SCSS: вложенные классы и свойства, миксины и вагон преимуществ поменьше.
    Ответ написан
    Комментировать