Запитання з тегом «sass»

З того, що я читав, Sass - це мова, яка робить CSS більш потужним із змінною та математичною підтримкою. Яка різниця з SCSS? Це повинна бути однакова мова? Подібні? Інший?

1900 css  sass 

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

1343 css  sass  css-calc 

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

508 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 Спробували це перед глотком sass-watch npm -g install …

363 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'); } Фактичний файл шрифту зберігається в / застосунку / активах / шрифтах / Я додав config.assets.paths << Rails.root.join("app", "assets", "fonts")у файл application.rb а джерело …

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 і походжу з громади Ембер. Спроба використовувати новий 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. Я встановив 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 mixin, який є наполовину повною модифікацією прикладу RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Я застосував $opacityнормально, але тепер я застряг з $colorчастиною. Кольори, які я надсилаю в міксин, будуть HEX, …

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 чи є спосіб включити весь каталог партій (це каталог, повний SASS-частин), наприклад @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значення не передається, нічого не виводиться, а не …

201 sass 

Я б хотів почати використовувати компас і sass для прискорення розвитку. На даний момент я встановив Sass на mac і доручив йому дивитися файл scss для введення даних, а також файл css для генерованого виводу. З багатьох статей Sass використовується разом із Compass, мені цікаво, чому це так, і лише …

166 css  sass  compass-sass