Вопросы с тегом «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 '%'.

134 sass 

Я только что открыл для себя Sass и был так взволнован. На своем веб-сайте я реализовал древовидное меню навигации, оформленное с помощью дочернего комбинатора ( E > F). Есть ли способ переписать этот код с помощью более простого (или лучшего) синтаксиса в Sass? #foo > ul > li > ul …

126 css  css-selectors  sass 

Я очень хорошо знаю CSS, но меня смущает Sass. Чем SCSS отличается от CSS, и если я использую SCSS вместо CSS, он будет работать так же?

124 css  sass 

Я хочу иметь одну переменную, содержащую корневой путь ко всем моим изображениям в моем файле CSS. Я не могу понять, возможно ли это в чистом Sass (настоящий веб-проект - это не RoR, поэтому я не могу использовать asset_pipeline или какой-либо из этого причудливого джаза). Вот мой пример, который не работает. …

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 

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

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 затем определяется в различных точках измерения ширины таблицы стилей на основе процентов для создания гибких макетов. Когда я это делаю, кажется, что переменная …

121 sass  media-queries 

Получение этой ошибки в 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 Даже …

118 node.js  sass  archlinux  gulp-sass  node-sass 

Я настраиваю новый Mac для работы. Я установил Grunt & Grunt CLI глобально. Затем я сделал npm installвнутри папки проекта, чтобы установить все зависимости. Пока проблем нет, но как только я пытаюсь запустить sass:distзадачу, получаю предупреждение: Warning: You need to have Ruby and Sass installed and in your PATH for …

117 ruby  macos  bash  terminal  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 of sass …

112 css  sass  less 

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 5 лет назад . Уточните этот вопрос Я хотел бы редактировать файлы SCSS в Eclipse, желательно с подсветкой синтаксиса для …

111 css  eclipse  sass  eclipse-plugin 

У меня есть несколько селекторов scss, в которых я использую одинаковое количество положительных и отрицательных значений, как в: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Я бы предпочел использовать переменную для всех 15 пикселей, но это не работает: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px …

107 css  sass  compass-sass