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

Навіщо ставити _перед ім'ям файлу в scss? _filename.scss- Навіщо це потрібно _?

147 css  sass 

Я прочитав документацію , в якій сказано, що якщо я хочу використовувати, scssя повинен виконати таку команду: ng set defaults.styleExt scss Але коли я це роблю і роблю цей файл, я все одно отримую цю помилку в консолі: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, …

135 css  angular  sass  angular6  angular-cli 

Я хочу вміти робити наступне: height: 25% - 5px; Очевидно, коли я це роблю, я отримую помилку: Incompatible units: 'px' and '%'.

133 sass 

Я щойно виявив Сасса, і мене так схвилював. На своєму веб-сайті я реалізую деревоподібне навігаційне меню, створене за допомогою дочірнього комбінатора ( E > F). Чи є спосіб переписати цей код більш простим (або кращим) синтаксисом у Sass? #foo > ul > li > ul > li > a { …

126 css  css-selectors  sass 

Я дуже добре знаю CSS, але я збентежений щодо Сасса. Чим SCSS відрізняється від CSS, і якщо я використовую SCSS замість CSS, він буде працювати однаково?

124 css  sass 

Я хочу мати одну змінну, яка містить кореневий шлях до всіх моїх зображень у моєму CSS-файлі. Я не можу точно зрозуміти, чи можливо це в чистому Sass (власне веб-проект не є RoR, тому не можу використовувати активу-піпеліну чи будь-який із цього фантазійного джазу). Ось мій приклад, який не працює. При …

123 css  sass 

Я намагаюся створити міксин для заповнювачів у sass. Це міксин, який я створив. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Ось як я хотів би включити міксин: @include placeholder(font-style:italic; color: white; font-weight:100;); Очевидно, що це не спрацює через усі колонки і напівколонки, які передаються …

122 css  sass 

При створенні нового проекту з CLI (v3.7.0), є можливість вибрати між dart-sassабо node-sassкомпілятором. Як вони порівнюються між собою, щоб бути більш конкретними, ніж заявлено в документах Vue ? Порада щодо продуктивності Sass Зверніть увагу, що при використанні Dart Sass синхронна компіляція вдвічі швидша за асинхронну компіляцію за замовчуванням через накладні …

122 vue.js  webpack  sass  vue-cli  node-sass 

Я хочу встановити ширину у відсотках у scss за допомогою обчислення, але це дає мені помилки. Недійсний CSS після "...- width: (4/12)%": очікуваний вираз (наприклад, 1px, жирний шрифт), був ";" Я хочу зробити щось подібне $my_width: (4/12)%; div{ width: $my_width; } як додати туди знак%? Те саме питання з px …

121 css  sass 

Я намагаюся поєднувати використання змінної Sass з @media запитами наступним чином: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width Потім визначається в різних точках вимірювання на основі процентної ширини таблиці стилів для створення макетів рідини. Коли я це роблю, здається, що змінна …

120 sass  media-queries 

Я зараз налаштовую новий Mac для роботи. Я встановив Grunt & Grunt CLI у всьому світі. Потім я зробив npm installвсередині папки проекту, щоб встановити всі залежності. Поки що проблем немає, але як тільки я намагаюся виконати sass:distзавдання, отримую це попередження: Warning: You need to have Ruby and Sass installed …

117 ruby  macos  bash  terminal  sass 

Отримання цієї помилки в Arch Linux за допомогою node-sass. Я використовую це з gulp-sass . Node Sass does not yet support your current environment: Linux 64-bit with false Версії $ gulp -v [19:43:15] CLI version 3.9.1 [19:43:15] Local version 3.9.1 $ npm -v 3.9.0 Вузол $ node -v v6.2.0 Навіть …

116 node.js  sass  archlinux  gulp-sass  node-sass 

Я вже деякий час думав над наступним, тому зараз я хочу знати ваші думки, можливі рішення тощо. Я шукаю плагін або техніку, яка змінює колір тексту або перемикається між заздалегідь визначеними зображеннями / піктограмами залежно від середньої яскравості покритих пікселів фонового зображення або -кольору батьків. Якщо накрита область його фону …

114 javascript  jquery  html  css  sass 

Я використовував LESS.js раніше. Це просто у використанні, щось на кшталт <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Я бачив SASS.js . Як я можу використовувати його аналогічно? Розбір файлу SASS для негайного використання в HTML. Здається, SASS.js більше для використання з Node.js ? var sass = require('sass') sass.render('... string …

112 css  sass  less 

Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 5 років тому . Удосконаліть це питання Я хотів би відредагувати файли SCSS в Eclipse, бажано з підсвічуванням синтаксису для .scssфайлів. Я …

111 css  eclipse  sass  eclipse-plugin