Вопросы с тегом «sass»

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

1904 css  sass 

Я пытаюсь использовать calc()функцию в таблице стилей Sass, но у меня есть некоторые проблемы. Вот мой код: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Если я использую литерал 50pxвместо своей body_paddingпеременной, я получаю именно то, что хочу. Однако, когда я переключаюсь на переменную, это вывод: body { padding-top: …

1347 css  sass  css-calc 

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

509 css  sass 

Я установил модули узлов с помощью npm install, затем попытался выполнить gulp sass-watch в командной строке. После этого я получил ответ ниже. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined Пробовал это перед глотком сасс-часы npm -g install …

368 node.js  sass  gulp  gulp-sass 

У меня есть несколько шрифтов, настроенных в моем файле Scss, например: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Фактический файл шрифта хранится в / app / assets / fonts / Я добавил config.assets.paths << Rails.root.join("app", "assets", "fonts")в свой файл …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

Я использую Sass (.scss) для моего текущего проекта. Следующий пример: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Это прекрасно работает. Могу ли я обрабатывать несколько классов при использовании вложенных стилей. В приведенном выше примере я говорю об …

332 sass 

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

329 angular  sass  angular-cli 

У меня есть это в моем файле SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } В классе b я хотел бы унаследовать все свойства и вложенные объявления class-a. Как это сделать? Я пытался использовать @include class-a, но это …

309 inheritance  sass 

Я хотел бы использовать Google Web Starter Kit. Я установил node.js v0.12.0, node-sass& gulp. А потом побежал: $ sudo npm install Когда я набрал, gulp serveто получил эту ошибку: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass` bindings not found. Try reinstalling `node-sass`? at getBinding Я …

263 node.js  sass  gulp 

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

235 css  sass  minify 

Я хотел бы сохранить один центральный файл .scss, в котором хранятся все определения переменных SASS для проекта. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Проект будет иметь большое количество CSS-файлов, из-за его природы. Важно, чтобы я объявил все переменные стиля проекта в одном месте. Есть …

217 css  sass 

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

213 css  sass  background-color  mixins  rgba 

Я модулирую свои таблицы стилей с частями SASS следующим образом: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues Есть ли способ включить весь каталог partials (это каталог, полный SASS-partials), например @import compass или что-то еще?

209 import  sass  partials 

Я пишу миксин так: @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; } Когда я вызываю, я действительно хочу, чтобы при отсутствии $insetзначения ничего не выводилось, а компилировалось в нечто вроде этого: -webkit-box-shadow: …

202 sass 

Я бы хотел начать использовать компас и sass для ускорения разработки. На данный момент я установил Sass на Mac и дал указание просмотреть файл scss для ввода и файл css для сгенерированного вывода. Во многих статьях Sass используется с Compass, мне интересно, почему это так, и только что Compass добавляет, …

166 css  sass  compass-sass