У меня есть задача gulp, которая пытается преобразовать файлы .scss в файлы .css (используя gulp-ruby-sass), а затем поместить полученный файл .css в то же место, где он нашел исходный файл. Проблема в том, что, поскольку я использую шаблон подстановки, я не обязательно знаю, где хранится исходный...
В Sass я не могу четко различить разницу между использованием @includeс миксином и использованием @extendс классом-заполнителем. Разве они не означают одно и то же?...
В SASS есть функция, @extendкоторая позволяет селектору наследовать свойства другого селектора, но без копирования свойств (например, миксинов). Есть ли у LESS эта функция?...
Я пытаюсь использовать строковую интерполяцию в моей переменной для ссылки на другую переменную: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include...
Можно ли в SASS импортировать файл из другого каталога? Например, если бы у меня была такая структура: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss может импортировать _common.scss с помощью, @import "common"но возможно ли для...
Недавно, когда я компилирую свои файлы scss, я получаю сообщение об ошибке. В сообщении об ошибке говорится: Список браузеров: caniuse-lite устарел. Пожалуйста, запустите следующую командуnpm update caniuse-lite browserslist Во-первых, как говорится в сообщении, я побежал, npm update caniuse-lite...
Я пытаюсь импортировать тему из модуля CSS, но TypeScript выдает ошибку «Не удается найти модуль», и тема не применяется во время выполнения. Я думаю, что что-то не так с моей конфигурацией Webpack, но я не уверен, в чем проблема. Я использую следующие инструменты: "typescript": "^2.0.3"...
Итак, у меня есть app/assets/stylesheets/структура каталогов, которая выглядит примерно так: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements В каждом каталоге есть несколько партиалов sass (обычно * .css.scss, но один или два *...
Это может быть Compass 101, но кто-нибудь написал миксин, который устанавливает альфа-значение цвета? В идеале я бы хотел, чтобы миксин имел любую форму определения цвета и применял прозрачность: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 );...
Я использую файл Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, чтобы сделать его _font-awesome.sass, чтобы я мог @importв моем проекте Sass. Я также использую http://middlemanapp.com/ для преобразования Sass в Css . Вопросы: Есть ли способ...
У меня есть класс элемента и компактный класс «модификатор»: .item { ... } .item.compact { /* styles to make .item smaller */ } Это отлично. Однако я хотел бы добавить @mediaзапрос, который заставляет .itemкласс быть компактным, когда экран достаточно мал. На первый взгляд это то, что я пытался...
У меня есть font-awesome в папке node_modules, поэтому я пытаюсь импортировать его в свой основной файл .scss следующим образом: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Но компиляция пакета Webpack не работает, сообщая мне Error: Cannot resolve 'file' or 'directory'...
В VS <= 2015 мы можем использовать расширение WebEssentials, которое заботится о компиляции файлов less / sass для нас, но в настоящее время оно не поддерживает VS 2017. Известно ли вам о подобном расширении, которое может компилировать less / sass при сборке?...
Код начальной загрузки twitter имеет множество свойств CSS с символом !defaultв конце. Например p { color: white !default; } Что !defaultделать? ОБНОВИТЬ Мое плохое за непонятность. Я использую часть SASS Bootstrap....
Я использую VueJS с фреймворком VuetifyJS (v2.0.19). Я получаю эту ошибку после запуска npm run serve : Sass Loader был инициализирован с использованием объекта параметров, который не соответствует схеме API. Что я пробовал: я удалил папку node_modules и переустановил / обновил все пакеты npm и...