Описание тега sass
Sass (Syntactically Awesome Style Sheets) - это расширение CSS, добавляющее такие функции, как вложенные правила, переменные, миксины и расширения классов. Это позволяет разработчикам писать структурированный, управляемый и повторно используемый CSS. Sass скомпилирован в стандартный CSS.
1
ответ
SASS шаблон строки. Это способ их использования?
Может быть, это тривиальный вопрос, но я не нашел никакой информации о sass строки шаблона, как в less Синтаксис имеет: less: @media-screen-phone: ~'screen and (max-width: 540px)'; со следующим использованием: // ...some *.less file @media-screen-ph…
23 ноя '18 в 09:41
1
ответ
SCSS - Использование @mixins в методе, основанном на @extend (classy css)
Я был взят с Уной Кравиц методом создания ее SCSS. https://una.im/classy-css/ Проблема, с которой я сталкиваюсь, находится внизу той страницы, где она использует @mixin, чтобы облегчить сборку. Но мне кажется, что если я буду использовать миксин, ка…
16 май '17 в 22:15
1
ответ
Как использовать Bootstrap 4 (3) Mixins
Как использовать Bootstrap mixins. Я использую Bootstrap 4 в сочетании с модулями CSS, SCSS. Например, это загрузочные миксины для input-size. @mixin input-size($parent, $input-height, $padding-y, $padding-x, $font-size, $line-height, $border-radius…
10 апр '17 в 12:05
4
ответа
Ложная положительная ошибка "неопределенная переменная" при компиляции SCSS
Получение сообщения об ошибке при компиляции моего SCSS с использованием гема ruby compass. run: /var/lib/gems/1.8/gems/compass-0.12.2/bin/compass compile out: unchanged sass/partial/grid.scss out: error sass/partial/catalog.scss (Line 5: Undefine…
31 июл '13 в 16:41
3
ответа
Angular 6 style.scss не применяется глобально к компонентам
Я создал новый проект cli с параметром --style=sass, а затем определил некоторые переменные в файле src / sass / styles.scss (никакие партиалы не созданы), поэтому они должны быть определены глобально, верно? поэтому, когда я попытался использовать …
26 сен '18 в 18:23
1
ответ
Webpack и Bootstrap с переменным путем
Миграция в Webpack У меня были некоторые проблемы с импортом sass или css. У меня установлен Bootstrap в мои node_modules и внутри моей файловой структуры я пытаюсь сделать это: // folder scss - vendor - bootstrap - pickadate - views - components - …
06 июн '17 в 16:51
1
ответ
Где разместить шрифты, используя архитектуру SCSS 7-1?
В настоящее время я реструктурирую свой проект с использованием архитектуры 7-1, как предложено в https://sass-guidelin.es/. Теперь я использую flaticons в моем проекте. Где в структуре я должен поместить папку и файл scss, предоставленные flaticon,…
15 сен '17 в 08:01
3
ответа
Скомпилируйте тему Sencha EXT JS с отображением SASS для Chrome Canary
Chrome Canary предлагает несколько отличных функций инспектора SASS, если вы можете скомпилировать свою тему с отладочной информацией. Я выяснил, как это сделать в общих таблицах стилей Compass со строкой:sass_options = { :debug_info=>true }Однак…
11 июн '13 в 16:49
1
ответ
Настроить переменные начальной загрузки 4, используя свои собственные переменные?
Я использую последнюю версию Bootstrap 4 beta 2. Я пытаюсь настроить его. Имею ввиду переменные переменные со своими. У меня есть своя styles.scss со всем импортом начальной загрузки: // My variables @import 'helpers/variables'; // Bootstrap files @…
25 окт '17 в 16:28
1
ответ
SASS Радужный фон упрощенный
Есть ли способ, которым я могу сжать это немного больше, поэтому все, что я должен добавить в этой строке: background: linear-gradient(left, $rainbow-colors); Должен ли я что-то здесь вкладывать? @mixin rainbow($colors...) { @each $color in $colors …
08 май '18 в 13:11
1
ответ
Имеет ли значение порядок выбора SCSS (SASS) для вложенных классов
Здесь у меня есть SCSS для стиля элементов списка. Что мне интересно, так это порядок выбора классов и псевдоселекторов. Так в основном, делает &:before.active равный &.active:before? Вот полный пример последнего: .sidebar-list { list-style-…
23 июн '17 в 18:15
3
ответа
SCSS/SASS: как динамически генерировать список классов с разделением их запятыми
Я работаю с синтаксисом SCASS SASS, чтобы создать динамическую сеточную систему, но я столкнулся с проблемой. Я пытаюсь сделать систему сетки полностью динамической, как это: $columns: 12; Затем я создаю столбцы, как это: @mixin col-x { @for $i from…
30 сен '13 в 06:35
1
ответ
Условная Live Компиляция CSS в RAILS 3.1
Я работаю над приложением Rails 3.1 и мне нужно решение для динамической компиляции CSS. В моем приложении я позволяю пользователям устанавливать цвета и хотел бы условно использовать "живую компиляцию" для одного файла SCSS, который контролирует вс…
06 мар '12 в 11:53
3
ответа
Как я могу получить доступ к объектам Rails в Sass?
В проекте Rails 3.1.0 у меня есть компании с несколькими настраиваемыми атрибутами, такими как background_color и link_color. Я хочу иметь возможность установить некоторые переменные Sass, например, так: $background_color: <%= @company.background…
16 сен '11 в 05:00
1
ответ
Проблема сборки Webpack SASS, все компилируется нормально, затем я получаю ошибку JS
Я новичок в вебпаке и использую его для упаковки веб-приложения Angular 2. Что касается заголовка, у меня есть проблемы с ошибками в JS, связанных с компиляцией SASS и ExtractTextPlugin. Вот соответствующие выдержки из моей конфигурации веб-пакета: …
02 дек '16 в 15:34
1
ответ
Наложить текст поверх центрированного изображения?
Я хочу наложить текст поверх центрированного изображения. Следующий подход кажется очень хакерским, но работает, когда окно имеет фиксированный размер: $Illustrationwidth: 509px; .Illustration { position: relative; text-align: center; margin-top: 60…
18 ноя '16 в 15:12
0
ответов
Почему Node-sass не компилирует мои scss в css в моем Node/Express.js
Я чрезвычайно новичок в Node.js и Express.js. Я хочу иметь возможность использовать SCSS вместо Stylus. Я установил node-sass для своих узловых модулей и включил его в мой файл package.json. А затем я добавил следующий код в мой файл app.js: var sas…
21 авг '13 в 12:28
0
ответов
Настройка цветовой схемы с помощью переменной / шаблона помощника (Sass?)
Мое метеорное приложение позволяет пользователям сохранять цвет своей компании в виде шестнадцатеричного кода, который хранится в документе. Этот "пользовательский цвет" предоставляется шаблону с помощью помощника и позволяет им переименовать все пр…
19 апр '18 в 12:21
3
ответа
Как запустить задание после завершения gulp.watch и продолжить просмотр?
Так что я изо всех сил стараюсь watch а также mix работать вместе. У меня есть мой gulpfile, который делает что-то подобное для просмотра sass: gulp.task('default',function(){ gulp.src('resources/assets/sass/**/*.scss') .pipe(sass().on('error',sass.…
19 май '16 в 09:56
3
ответа
Как связать пакет ruby в приложение [Objective-C] для какао?
Я пытаюсь выяснить, как я могу связать пакет, написанный на Ruby ( Sass), в приложение Какао (Objective-C, а не Ruby Cocoa), которое я могу выполнить (с помощью NSTask - это нормально, если нет простого способа Мост ObjC <-> Какао, о котором я не зн…
19 июн '10 в 05:01