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

126
Sass и комбинированный дочерний селектор

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

124
В чем разница между CSS и SCSS?

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

123
У вас есть переменная в пути к изображениям в Sass?

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

122
Заполнитель Mixin SCSS / CSS

Я пытаюсь создать миксин для заполнителей в sass. Это миксин, который я создал. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Вот как я хотел бы включить миксин: @include...

121
Рассчитайте процент с помощью SCSS / SASS

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

121
Использование переменных Sass с медиа-запросами CSS3

Я пытаюсь совместить использование переменной 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 затем определяется в различных точках измерения ширины...

118
Node Sass еще не поддерживает вашу текущую среду: 64-разрядная версия Linux с false

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

117
Как разрешить предупреждение: «Для работы этой задачи необходимо установить Ruby и Sass в PATH»?

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

114
Изменить цвет текста в зависимости от яркости закрываемой области фона?

Я уже некоторое время думал о следующем, поэтому теперь хочу узнать ваше мнение, возможные решения и так далее. Я ищу плагин или метод, который изменяет цвет текста или переключается между предопределенными изображениями / значками в зависимости от средней яркости покрытых пикселей его...

112
Есть ли SASS.js? Что-то вроде LESS.js?

Я использовал LESS.js раньше. Легко использовать, что-то вроде <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Я видел SASS.js . Как я могу использовать это аналогичным образом? Разбор файла SASS для немедленного...

111
Как интегрировать предварительную обработку CSS в Eclipse? [закрыто]

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

107
Отрицательное значение переменной Sass?

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

106
Синтаксис условия if / else в миксине SCSS

Привет, я пытаюсь изучить SASS / SCSS и пытаюсь реорганизовать собственный миксин для clearfix я бы хотел, чтобы миксин был основан на том, передаю ли я миксину ширину. мысли до сих пор (только псевдокод, поскольку я буду включать другие миксины) @mixin clearfix($width) { @if !$width { // if width...

105
Как я могу использовать собственные палитры тем в Angular?

Я хочу использовать фирменные цвета моей компании во всем приложении. Я обнаружил эту проблему: AngularJS 2 - Дизайн материалов - установите цветовую палитру, в которой я могу создать предположительно настраиваемую тему, но в основном она просто использует различные части предварительно созданных...

102
Sass или Compass без рубина?

Есть ли способ использовать Sass, Compass или что-то подобное без Ruby? Я искал Google и этот сайт и ничего не нашел, любая помощь будет оценена. Спасибо

102
Возможно ли в SASS наследование от класса в другом файле?

Вопрос в значительной степени говорит обо всем. Например, если бы я использовал, скажем, Twitter Bootstrap , мог бы я определить классы в моей собственной таблице стилей SASS, которые наследуются от классов CSS Bootstrap? Или наследование в SASS работает только в рамках одного файла?...

101
Sass объединяет родительский элемент с помощью амперсанда (&) с селекторами типов

У меня проблемы с вложением в Sass. Скажем, у меня есть следующий HTML-код: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Когда я пытаюсь вложить свои стили в следующее, я получаю ошибку компиляции: .item {...

101
Использование SASS с ASP.NET [закрыто]

В его нынешнем виде этот вопрос не подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, повлечет за собой дебаты, аргументы, опросы или расширенное обсуждение. Если вы считаете, что этот вопрос можно...