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

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

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

Есть ли способ импортировать обычный файл CSS с помощью @importкоманды Sass ? Хотя я не использую весь синтаксис SCSS из 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...

У меня есть несколько шрифтов, настроенных в моем файле 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'),...

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

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

У меня есть это в моем файле 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. Как это сделать? Я пытался...

Когда я пытаюсь установить последнюю версию компаса ( https://rubygems.org/gems/compass/versions/1.0.0.alpha.17 ), я получаю следующую ошибку. ERROR: Error installing compass: ERROR: Failed to build gem native extension. ERROR: Error installing compass: ERROR: Failed to build gem native extension....

Я хотел бы использовать 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`...

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

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

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

Я модулирую свои таблицы стилей с частями 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 Есть ли способ...

Я пишу миксин так: @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значения...

IE9, очевидно, способен обрабатывать закругленные углы, используя стандартное определение CSS3 border-radius. Как насчет поддержки радиуса границы и градиента фона? Да, IE9 должен поддерживать их обоих по отдельности, но если вы смешаете эти два, градиент кровоточит из закругленного угла. Я также...

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

Зачем ставить _перед именем файла в Scss? _filename.scss- Зачем это нужно

E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. There is an error in your gulpfile: Error: Node...

Я прочитал документацию , в которой говорится, что если я хочу использовать, scssмне нужно выполнить следующую команду: ng set defaults.styleExt scss Но когда я это делаю и создаю этот файл, я все равно получаю эту ошибку в консоли: styles.bundle.js:33Uncaught Error: Module build failed: Error:...