Sass – вопросы и ответы

178
голосов
3
ответа
Скажем, у вас есть микширование для тени вроде: @mixin box-shadow($offset, $blur, $color) { -moz-box-shadow: $offset $offset $blur $color; -webkit-box-shadow: $offset $offset $blur $color; box-shad...
5 месяцев, 4 недели назад Tomas Jansson
57
голосов
1
ответ
Можно ли применить переменные к локальной области действия из mixin или функции? Например: .hello-world get-variables(bar); content: $foo; Будет выводиться на: .hello-world content: 'bar'; Поскольк...
5 месяцев, 4 недели назад user4910881
71
голос
1
ответ
Есть ли более простой способ скомпилировать мои sass файлы с включенным sourcemap, а не с помощью следующей команды? sass --compass --sourcemap --style compact --watch sass:css Если бы я использова...
5 месяцев, 4 недели назад calebo
82
голоса
1
ответ
В форме у меня есть строки групп форм, каждая из которых имеет метку и элемент управления формой. <div class="form-group row"> <label class="col-xs-2 col-md-3">Text</label> <di...
5 месяцев, 4 недели назад Nik
107
голосов
1
ответ
Я только начал использовать SASS, но я не могу найти четкий ответ/пример для этого. Скажем, у меня есть: <img class="socialIcons" src="/images/facebook.png"/> <img class="socialIcons" src=...
5 месяцев, 4 недели назад userMod2
105
голосов
1
ответ
Я запускаю производство на сервере Ubuntu 17.04, используя пассажирские и Apache2. Кажется, все работает, но кеширование... Граница была доб
5 месяцев, 4 недели назад swe_mattias
70
голосов
2
ответа
Есть ли способ достичь чего-то вроде SASS в .group-left без указания .group-left ? .wrapper .group-left { background-color: blue; } .wrapper-child:nth-child(2n+2) .group-left { background: red; } Я...
5 месяцев, 4 недели назад Alexandria Miguel
70
голосов
1
ответ
У меня есть проект компаса, настроенный в подкаталоге (/project/sub1/sub2/sub3/sub4/). Файлы SCSS расположены в /project/sub1/sub2/sub3/sub4/css/src, а изображения находятся в /project/sub1/sub2/su...
5 месяцев, 4 недели назад Stevo
56
голосов
1
ответ
@for $i from 1 through $layer-count { #layer-#{$i} { background: url('../layers/layer-#{$i}.png'); } // background images are named layer-0001.png and up } Должен быть способ достичь этого, но я ни...
5 месяцев, 4 недели назад bernk
57
голосов
1
ответ
Я новичок в поиске и поиске синтаксиса для определения иерархических отношений с кодом в определении дочернего класса. В настоящее время у меня есть: .my-option color: #7E57EE Я бы хотел, чтобы мой...
5 месяцев, 4 недели назад Steven Wexler
70
голосов
2
ответа
Я запускаю этот код Sass: $a: 1; @if 2 + 2 == 4 { $a: 2; } @debug $a; Я ожидаю увидеть 2. Результат, однако, следующий: Line 5 DEBUG: 1 Я понимаю, что Sass создает новую переменную $a в области @if...
5 месяцев, 4 недели назад mik01aj
107
голосов
1
ответ
Я работаю над гибридным приложением и обнаружил, что устройство Google Pixel C, пользовательский интерфейс, показанный в портретном режиме, аналогичен ландшафтному режиму, хотя для изменения исполь...
5 месяцев, 4 недели назад sabitha sharma
89
голосов
1
ответ
Я выясню, как применять стилирование к повторно используемому компоненту Angular из клиентского проекта. См. Тема/стиль Angular 2 библиотеки повторяющихся компонентов = > найдите "follow up". Те...
5 месяцев, 4 недели назад mvermand
58
голосов
1
ответ
У меня есть сайт с некоторыми JavaScript и HTML/CSS, и я хочу преобразовать CSS в SASS. Я был очень смущен сайтом SASS, потому что теперь у них DART SASS вместо Ruby, и об этом мало написано. Есть ...
5 месяцев, 4 недели назад Vaidehi Agarwalla
90
голосов
2
ответа
Я пытаюсь расширить модуль Sass: Script:: Functions, по этой рекомендации: https://gist.github.com/481261/dd07a52829886ab1ad0875a8895f0100c4b925ab . Вопрос в том, где я размещаю файл sass-hex.rb и ...
5 месяцев, 4 недели назад Nickolay Stanev
58
голосов
1
ответ
У меня есть макет сетки продуктов с использованием flexbox. Я хотел бы, чтобы это показало минимум два продукта подряд, независимо от того, насколько маленький экран. У меня есть следующий код, кот...
5 месяцев, 4 недели назад Mike Harrison
88
голосов
1
ответ
Я хотел бы сосредоточить свое содержание горизонтально внутри столбцов Бульмы. Вот пример: http://prntscr.com/hooo8l Я хотел бы сосредоточить эти 'class="column is-2"' в ' columns DIV. Вот как начи...
5 месяцев, 4 недели назад filipbarak
100
голосов
1
ответ
У меня есть файл css который я хочу упростить с помощью sass , некоторые фрагменты следующие: .slick-prev, .slick-next { height: 30px !important; } .slick-prev:before, .slick-next:before { color: #...
5 месяцев, 4 недели назад roger
70
голосов
3
ответа
Я пытаюсь перебрать список, который автоматизирует несколько функций. К сожалению, функция не оценивается. Например: $colors: red, blue, green; @each $color in $colors{ .color-#{$color} { value: $c...
5 месяцев, 4 недели назад Mindthetic
-4
голоса
1
ответ
Я хочу использовать некоторые общие стили для моих таблиц стилей android и ios. Поэтому я поместил общие стили внутри одного файла. _base.scss %base { color: $baseColor; } Теперь я хочу использоват...
5 месяцев, 4 недели назад Jeanluca Scaljeri
69
голосов
1
ответ
Я пытался выяснить это на какое-то время, есть ли тип изображения или встраивания url для CSS или его производных языка (SASS, LESS и т.д.), Которые не используют этот специфический синтаксис? url:...
5 месяцев, 4 недели назад ehime
57
голосов
1
ответ
У меня есть scss файл, в котором я не хочу, чтобы sass обрабатывал оператор @import, поскольку он будет обработан этим модулем postcss https://github.com/postcss/postcss-import Как я могу это сдела...
5 месяцев, 4 недели назад Encore PTL
60
голосов
2
ответа
Я уверен, что это вопрос новичков, но я недавно начал внедрять sass в свои проекты, и я хотел бы знать, есть ли более простой/эффективный способ сделать этот код с помощью sass - спасибо за вашу по...
5 месяцев, 4 недели назад Kevin
69
голосов
1
ответ
У меня довольно большая база кода с несколькими проектами, в которых есть общие модули sass. У меня также есть довольно сложная настройка gulpfiles для каждого модуля, который выполняет ряд задач. ...
5 месяцев, 4 недели назад Michael
71
голос
1
ответ
Я получаю некоторые нечувствительные результаты от Sass в отношении этих нескольких строк. @mixin full_shadow($size, $color){ text-shadow : $size 0 0 $color, -$size 0 0 $color, 0 $size 0 $color, 0 ...
5 месяцев, 4 недели назад FinnM
57
голосов
3
ответа
После того, как я установка Sass рубинового камня, три новые команды, которые были добавлены в систему: sass , scss и sass-convert . Итак, мой вопрос заключается в том, что разница между sass и scs...
5 месяцев, 4 недели назад houhr
112
голосов
2
ответа
У меня есть таблица стилей app/assets/website/base.scss , которая начинается с: @import "bootstrap-select.min.css"; Файл bootstrap-select.min.css существует в папке vendor/stylesheets/ . Когда я пы...
5 месяцев, 4 недели назад FloatingRock
106
голосов
1
ответ
Код ниже не применяет clearfix css rule: после того, как я никогда не использовал правило css с двоеточием в середине, поэтому я не знаю, почему он не работает, никакой помощи. У меня есть следующи...
5 месяцев, 4 недели назад Cool Guy Yo
70
голосов
1
ответ
Недавно я перешел из командной строки Bash в Zsh на Mac OSX. Проблема, которую я использую Zsh, заключается в том, что команда, которую я буду использовать для просмотра файлов Sass, больше не рабо...
5 месяцев, 4 недели назад Integralist
80
голосов
1
ответ
Я читал https://developer.chrome.com/devtools/docs/css-preprocessors , чтобы попытаться настроить его в моей среде, но что-то не работает для меня. Я разрабатываю с использованием JetBrains RubyMin...
5 месяцев, 4 недели назад Alon
98
голосов
1
ответ
Я пытаюсь принять решение о технологиях для уровня представления. Я слышал, что Сасс говорил об этом с энтузиазмом, но я уверен, что узнаю что-то новое, не зная, почему это лучше, чем альтернатива ...
5 месяцев, 4 недели назад Yen
98
голосов
3
ответа
Я борюсь с этим в течение нескольких часов, пробовал все решения, которые я нашел, и не повезло. Тем не менее, моя первая попытка запустить пример Depot из книги выполняется без применения CSS. Я у...
5 месяцев, 4 недели назад Marcin Serkies
69
голосов
1
ответ
Я пытаюсь установить линейный градиент в цветовой карте в моем проекте ionic 2, но просто продолжаю получать ошибку. $color ( light: #fefefe, dark: #333, cool: linear-gradient('#0005de', '#12dfff')...
5 месяцев, 4 недели назад marvin ralph
106
голосов
1
ответ
Скажем, я создал файл.CSS, который я скомпилировал из файла.SCSS. Что произойдет, если один из моих членов команды напрямую отредактирует файл.CSS, и я прихожу и перекомпилирую изменение в файл.SCS...
5 месяцев, 4 недели назад proPhet
81
голос
1
ответ
Привет, ребята, я пытаюсь работать с отзывчивым макетом, но почему-то я не могу исправить минимальную ширину для этого. $mobile: new-breakpoint(max-width 480px 4); $tablet: new-breakpoint(max-width...
5 месяцев, 4 недели назад designerNProgrammer
57
голосов
1
ответ
Раньше я использовал свой CSS-помощник для быстрого развития. Содержимое вспомогательного CSS было похоже: .margin-10{ margin:10px!important; } ..... и в HTML я мог бы использовать <div class="m...
5 месяцев, 4 недели назад SHAHRUKH SHAHID
126
голосов
1
ответ
Я пытаюсь создать пользовательскую строку заголовка в своем электронном приложении, но каким-то образом мое наведение не срабатывает при наведении курсора на элементы div. HTML-код для строки загол...
5 месяцев, 4 недели назад wesley221
58
голосов
2
ответа
Я работаю над приложением ReactJS, и я хочу, чтобы мое тело занимало весь экран, по крайней мере, используя минимальную высоту: 100%, с высотой: авто для учета более 100% экрана. Это специально не ...
5 месяцев, 4 недели назад Intoxicated Penguin
102
голоса
1
ответ
Я новичок в использовании Bourbon Neat и задаюсь вопросом о том, как работают точки останова. В моей grid_seeings.scss у меня есть точки останова, настроенные так: $xsm: new-breakpoint(min-width 30...
5 месяцев, 4 недели назад Adam Robertson
98
голосов
2
ответа
У меня есть этот код. Что работает в hrome dev-tools p { color: #00000070; padding: 0px 10px; position: relative; z-index: 98; } и когда я пытаюсь скомпилировать его, я получаю эту ошибку [19:36:38...
5 месяцев, 4 недели назад vonhact
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема