sass- все статьи тега


Полный гайд по SCSS/SASS

Поздравляем, вы создали свое первое full-stack веб-приложение и теперь хотите выложить его в Интернет, чтобы показать своим друзьям, семье и будущим работодателям. С помощью этого руководства вы узнаете, как: Разместить свой бэкенд на Heroku.Перенести локальную базу данных Postgres на Heroku.Разместить интерфейс на Netlify.Добавить ключи API в при...

CSS переменные с резервным вариантом для старых браузеров

TL; DR: как можно использовать SCSS, чтобы иметь переменные CSS с резервным вариантом для старых браузеров. Я пытаюсь разобраться в этой статье . По моему мнению, вы уже должны быть продвинутым пользователем SASS, чтобы понять это, а я нет. Что еще хуже, это единственная статья, которую я нашел на эту тему. Вот чего я пытаюсь добиться: Мои scss должны быть примерно такими: body { @include v(background-color, primary) } Тогда обработанный CSS должен быть body{ background: yellow; ...

В чем разница между SCSS и Sass?

из того, что я читал, Sass-это язык, который делает CSS более мощным с переменной и математической поддержкой. в чем разница с SCSS? Это должен быть один и тот же язык? Похоже? По-другому? ...

Угловые параметры командной строки Сасс

Я новичок в Angular, и я прихожу из сообщества Ember. Пытается использовать новые угловые-интерфейс командной строки на основе Эмбер-CLI для. Мне нужно знать лучший способ справиться с SASS в новом угловом проекте. Я пробовал использовать ember-cli-sass репо, чтобы увидеть, будет ли он играть вместе, так как ряд основных компонентов углового CLI запускаются из модулей Ember-CLI. Это не сработало, но снова не уверен, что я просто неправильно настроил что-то. также, как лучше всего организов ...

Сасс -- часы с автоматическим уменьшением?

есть ли способ запуска: sass --watch a.scss:a.css но a.css в конечном итоге сокращен? Как бы мне избежать необходимости запускать отдельный шаг минификации при компиляции таблицы стилей? ...

Sass-преобразование Hex в RGBa для фоновой непрозрачности

у меня есть следующий Sass mixin, который является наполовину полной модификацией пример RGBa: @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Я подал заявление $opacity ок, но теперь я застрял с $color часть. Цвета, которые я буду отправлять в миксин, будут шестнадцатеричными, а не RGB. мой пример использования будет: element { @include background-opacity(#333, .5); } как я могу и ...

Заполнитель Mixin SCSS / CSS

Я пытаюсь создать микширование для заполнителей в sass. Это миксин, который я создал. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } вот как я хотел бы включить mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); это возможно? ...

Измените файл на месте (тот же dest) с помощью Gulp.Яш и подстановка шаблона

у меня есть задача глотка, которая пытается преобразовать .СКС файлы .css-файлы (с помощью gulp-ruby-sass), а затем поместите полученный результат .css файл в том же месте, где он нашел исходный файл. Проблема, поскольку я использую подстановка шаблона, я не обязательно знаю, где хранится файл. в коде ниже я пытаюсь использовать gulp-tap, чтобы подключиться к потоку и выяснить путь к файлу текущего файла поток был прочитан от кого: gulp.task('convertSass', function() { var fileLocation = ...

Sass вычислить процент минус px

Я хочу быть в состоянии сделать следующее: height: 25% - 5px; очевидно, когда я это делаю, я получаю ошибку: Incompatible units: 'px' and '%'. ...

При использовании SASS как я могу импортировать файл из другого каталога?

в SASS можно ли импортировать файл из другого каталога? Например, если бы у меня была такая структура: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss шаблон.scss может импортировать _common.СКС с помощью @import "common" но это возможно для more_styles.scss для импорта _common.СКС? Я пробовал несколько разных вещей, включая @import "../sub_directory_a/common" и @import "../sub_directory_a/_common.scss" н ...

Как использовать Sass в Visual Studio 2013 [закрыто]

Как я могу использовать препроцессор SASS CSS в Visual Studio 2013? Есть ли какие-либо расширения, которые обеспечивают поддержку Sass? ...

Динамическое создание или ссылка на переменные в Sass

Я пытаюсь использовать строковую интерполяцию на моей переменной для ссылки на другую переменную: // 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 do-this('baz'); но когда я это делаю, я получаю следующую ошибку: неопределенная переменная: "$foo -". поддерживает ли Sass переменные в стиле PHP? ...

Sass недопустимая ошибка CSS: "ожидаемое выражение"

Я просто после Sass tutorial. По какой-то причине, хотя файл Sass не правильно генерирует css. Терминал говорит, что css недействителен, но я уверен, что это не так. Я попытался изменить его тоже на всякий случай была проблема... что я сделал не так? Версия Sass: Sass 3.1.10 сообщение об ошибке: error sass/test.sass (Line 3: Invalid CSS after "80%": expected expression (e.g. 1px, bold), was ";") .содержимое файла sass: /* style.scss */ #navbar { width: 80%; height: 23px; } ...

Как скомпилировать.файлы sass при сохранении в Visual Studio 2015

Как можно получить полную среду предварительного компилятора sass (т. е. scss) и запустить ее в Visual Studio 2015? Это братский вопрос к этому, касающийся меньше. ...

Как добавить компиляцию Sass в Angular CLI 6: angular.в JSON?

я только что создал новый угловой проект, используя новый угловой CLI 6.0, но мне нужно добавить компиляцию Sass в мой проект. Я знаю, что вы можете установить флаг при создании проекта, но мой проект уже создан и работа была выполнена. новый файл конфигурации, который генерируется с новым угловым CLI, теперь называется angular.json, а не angular-cli.json. Схема для файла также отличается, с новыми свойствами. старого angular-cli.json есть раздел, где вы можете установить stylExt вот так, "de ...