Вопросы с тегом 'sass'

Sass (Syntactically Awesome Style Sheets) - это расширение функций добавления CSS, таких как вложенные правила, переменные, mixins и расширения класса. Это позволяет разработчикам писать структурированный, управляемый и многоразовый CSS. Sass скомпилирован в стандартный CSS.
13

Какая разница между SCSS и Sass?

Из того, что я читал, Sass - это язык, который делает CSS более мощным с переменной и математической поддержкой. Какая разница с SCSS? Предполагается, что это тот же язык? Аналогичный? Различный?
13 апр. '11 в 19:23
8

Функция Sass Variable в функции CSS calc()

Я пытаюсь использовать функцию calc() в таблице стилей Sass, но у меня возникают некоторые проблемы. Здесь мой код: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Если я использую буквальный 50px ...
31 июл. '13 в 22:30
14

Импортировать обычный файл CSS в файл SCSS?

Можно ли импортировать обычный файл CSS с помощью команды Sass @import? Хотя я не использую весь синтаксис SCSS от sass, мне все еще нравится комбинировать/сжимать функции, и я хотел бы использовать его, не переименовывая все мои файлы в *.scss
18 авг. '11 в 17:32
11

Использование шрифтов с конвейером Rails

У меня есть некоторые шрифты, настроенные в моем файле Scss, например: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), ass...
05 июн. '12 в 22:29
17

Попробуйте переустановить `node -sass` на node 0.12?

Я хотел бы использовать комплект Google для начинающих. Я установил node.js v0.12.0, node-sass и gulp. И затем побежал: $ sudo npm install Когда я набрал gulp serve, то получил эту ошибку: Using gulpfile ~/web-starter-kit/gulpfile.js Starting ...
09 февр. '15 в 11:50
2

Sass Nesting для: зависание не работает

Я написал этот код, но он не работает. В чем моя проблема? .class { margin:20px; :hover { color:yellow; } }
13 апр. '13 в 2:42
2

Sass.scss: Nesting и несколько классов?

Я использую Sass (.scss) для моего текущего проекта. Следующий пример: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:w...
18 июн. '12 в 14:16
5

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

У меня есть следующий Sass mixin, который представляет собой половину полной модификации примера RGBa: @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacit...
07 июн. '12 в 9:49
14

Создание Sass mixin с дополнительными аргументами

Я пишу mixin вот так: @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } Когда в...
19 авг. '10 в 18:29
12

Можно ли импортировать весь каталог в sass с помощью @import?

Я модулирую свои таблицы стилей с частицами SASS, например: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notificatio...
24 янв. '11 в 4:25
3

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

Есть ли способ запустить: sass --watch a.scss:a.css но имеют a.css в конечном итоге уменьшены? Как мне избежать выполнения отдельного этапа миниатюры при компиляции моей таблицы стилей?
24 янв. '12 в 0:04
4

SASS - использование переменных в нескольких файлах

Я хотел бы сохранить один центральный файл .scss, в котором хранятся все определения переменных SASS для проекта. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... В проекте будет большо...
11 июл. '13 в 16:43
3

Включая другой класс в SCSS

У меня это в моем файле SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } В классе -b я хотел бы наследовать все свой...
05 мар. '12 в 0:14
1

: после и: перед псевдоэлементными селекторами в Sass

Как я могу использовать селекторы: перед и: после псевдоэлемента, следуя синтаксису Sass или, альтернативно, SCSS? Как это: p margin: 2em auto > a color: red :before content: "" :after content: "* * *" Конечно, вышесказанное...
25 мая '12 в 7:49
14

Как исправить ReferenceError: первичные не определены в узле

Я установил модули узлов с помощью npm install, затем попытался выполнить gulp sass-watch в командной строке. После этого я получил ответ ниже. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordial...
30 апр. '19 в 12:57