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

Я використовую файл Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, щоб зробити його _font-awesome.sass, щоб я міг @importу своєму проекті Sass. Я також використовую http://middlemanapp.com/ для перетворення Sass у Css . Запитання: Чи є спосіб перенести лише використані класи значків у мій перетворений .css? Тому що зараз він несе всі класи з _font-awesome.sass …

86 css  sass  font-awesome 

Це може бути Compass 101, але хто-небудь писав комбінацію, яка встановлює альфа-значення кольору? В ідеалі я хотів би, щоб міксин прийняв будь-яку форму визначення кольору та застосував прозорість: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( …

86 css  sass  compass-sass  rgba 

Отже, у мене є app/assets/stylesheets/структура каталогів, яка виглядає приблизно так: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements У кожному каталозі є декілька частин sass (зазвичай * .css.scss, але один або два * .css.scss.erb). Можливо, я припускаю багато, але rails ПОВИНЕН автоматично зкомпілювати всі файли в цих каталогах через …

86 css  ruby-on-rails  asset-pipeline  sass 

У мене є клас предметів та компактний клас "модифікатора": .item { ... } .item.compact { /* styles to make .item smaller */ } Це добре. Однак я хотів би додати @mediaзапит, який змушує .itemклас бути компактним, коли екран досить малий. На перший погляд, це те, що я намагався зробити: .item …

86 css  sass  media-queries 

У VS <= 2015 ми можемо використовувати розширення WebEssentials, яке дбає про компіляцію файлів less / sass для нас, але в даний час воно не підтримує VS 2017. Чи знаєте ви про подібне розширення, яке може компілювати менше / sass при побудові?

85 visual-studio  sass  less  visual-studio-2017  css-preprocessor 

У моїй папці node_modules є awesome font, тому я намагаюся імпортувати його в свій головний файл .scss так: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Але компіляція Webpack збірки не вдається, кажучи мені Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot оскільки файл font-awesome.scss посилається на відносний шлях, "../fonts/". Як я можу сказати scss \ webpack …

84 node.js  sass  npm  font-awesome  webpack 

Завантажувальний код twitter має багато властивостей CSS з !defaultкінцем. Напр p { color: white !default; } Що робить !default? ОНОВЛЕННЯ Шкода, що не зрозуміла. Я використовую частину SASS Bootstrap.

84 css  twitter-bootstrap  sass 

Я створюю веб-сайт портфоліо. HTML-код <div id = "hero"> <div id = "social"> <img src = "facebook.svg"> <img src = "linkedin.svg"> <img src = "instagram.svg"> </div> </div> CSS-код (за допомогою SASS) #hero { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 300px; #social { width: 50%; display: flex; justify-content: …

82 html  css  svg  sass 

У CSS ви можете зробити це : input[type=submit] { // properties } Це дуже корисно для стилізації кнопок форми. Як ви робите те саме в SASS?

80 css  attributes  css-selectors  sass 

Я щойно дотримувався підручника Sass . З якоїсь причини, хоча файл Sass неправильно генерує css. Термінал каже, що css недійсний, але я впевнений, що це не так. Я спробував змінити його теж на випадок, якщо була проблема ... Що я зробив неправильно? Версія Sass: Sass 3.1.10 Повідомлення про помилку: error …

79 css  sass 

Я почав випробовувати Sass для своєї роботи з css. У каталозі, де знаходиться мій файл Css, я також бачу папку .sass-cache. Хтось може сказати мені, чому створена ця папка та чи безпечно, якщо я її видалю? Дякую,

78 sass 

Як я можу простежити зміни у всьому каталозі, що містить безліч файлів sass? Я використовую наступну команду для перегляду змін у sass файл: sass --watch style.scss:style.css Але як спостерігати за змінами у цілому каталозі / папці, що містить безліч файлів sass.

77 css  sass  build-process  watch 

Зачинено. Це питання не відповідає вимогам щодо переповнення стека . Наразі відповіді не приймаються. Хочете покращити це питання? Оновіть питання, щоб воно було актуальним для переповнення стека. Закрито 7 років тому . Удосконалюйте це питання Я шукаю реалізацію SASS в Java (може використовуватися з JSP / JSF). Для Python я …

76 java  maven  ant  jruby  sass 

Коли я компілюю з gulp, я отримую помилку, як показано нижче. Як я можу це виправити? module.js:339 throw err; ^ Error: Cannot find module 'gulp-sass' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (/Applications/XAMPP/xamppfiles/htdocs/flyscoot.com/gulpfile.js:2:12) at Module._compile (module.js:435:26) at Object.Module._extensions..js (module.js:442:10) at Module.load (module.js:356:32) at …

75 sass  npm  gulp 

Я використовую VueJS з рамкою VuetifyJS (v2.0.19). Я отримую цю помилку після запуску npm run serve : Sass Loader був ініціалізований за допомогою об'єкта параметрів, який не відповідає схемі API. Що я спробував: я видалив папку node_modules і перевстановив / оновив усі пакети npm та node.js до останньої стабільної версії. …

17 node.js  vue.js  npm  sass  node-modules