Ответы пользователя по тегу Sass
  • Имеет ли право на жизнь такое использование mixin?

    shvaika
    @shvaika
    Front-end developer
    Конечно имеет. Однако смысл в Использовании Миксов в том, чтобы благодаря оптимизации некого правила, использовать "Short" подход к написанию стилей в основном даже не для удобства, а для увеличения скорости верстки. Таким образом ответ "Да" но в данном случае, в вашем примере, вы меняете шило на мыло :)
    Ответ написан
    1 комментарий
  • Как подключить шрифт в sass, чтобы он компилировался в css?

    shvaika
    @shvaika
    Front-end developer
    Я бы посоветовал использовать пакет для подключения, в разных форматах.
    Компиляция происходит очень просто https://fontie.pixelsvsbytes.com/webfont-generator
    Выбираете: Formats ставите галочку на TrueType Font.
    После этого, загружаете любой из скачанных шрифтов (формат не важен) нажав на ссылку выше "Add your font files (or just drop them on the page)". Жмем "Generate & download your @font-face package" и скачиваем архив с генерированными шрифтами.

    Следующий шаг: Открываем архив и копируем все шрифты(.ttf, .eot, .svg, .woff и .woff2) в директорию с проектом в папку fonts. В скачанном архиве, открываем файл *.css он там один и копируем стиль для шрифта в отдельный файл стилей шрифтов (как правило это файл _fonts.sass) подключенный к основному стилевому файлу к примеру так: 64c67ead6d0547e2ab7b7c592fb51a72.PNG ...где fonts это имя вашего sass файла со шрифтами.
    Пример комплекта подключения:
    8a10e6026d6544d0a331c68a34aa52fe.PNG
    (копируем в файл _fonts.sass) структура может изменяться исходя из имени вашего шрифта.

    Данный способ универсален и более насыщен для работы, является более кроссбраузерным. Интеграция шрифта - как обычно.
    Ответ написан
    3 комментария
  • Как синхронизировать sass и css?

    shvaika
    @shvaika
    Front-end developer
    Я использую Gulp.js. И вам советую. С помощью него можно собирать полностью свое окружение со всеми компиляциями и изменениями. Через PhpShtorm тоже можно, но это работает только с этой IDE PhpShtorm а значит не столь универсально. Если вникнуть в Gulp то со своим проектом можно делать все.
    gulpjs.com - go!
    https://www.youtube.com/watch?v=vW51JUVT66w&t=1883s - вот пойдет для начала
    Ответ написан
    4 комментария