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

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

106 conditional  mixins  sass  if-statement 

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

105 angular  sass  material-design  angular-material2 

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

102 css  sass  compass-sass 

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

102 css  inheritance  stylesheet  sass 

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

101 asp.net  css  sass 

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

101 sass  css-selectors 

У меня есть задача gulp, которая пытается преобразовать файлы .scss в файлы .css (используя gulp-ruby-sass), а затем поместить полученный файл .css в то же место, где он нашел исходный файл. Проблема в том, что, поскольку я использую шаблон подстановки, я не обязательно знаю, где хранится исходный файл. В приведенном ниже …

100 javascript  node.js  sass  gulp 

В Sass я не могу четко различить разницу между использованием @includeс миксином и использованием @extendс классом-заполнителем. Разве они не означают одно и то же?

94 sass 

В SASS есть функция, @extendкоторая позволяет селектору наследовать свойства другого селектора, но без копирования свойств (например, миксинов). Есть ли у LESS эта функция?

94 css  sass  less  extend 

Я пытаюсь использовать строковую интерполяцию в моей переменной для ссылки на другую переменную: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); Но когда я это …

94 variables  sass 

Можно ли в SASS импортировать файл из другого каталога? Например, если бы у меня была такая структура: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss может импортировать _common.scss с помощью, @import "common"но возможно ли для more_styles.scss импортировать _common.scss? Я попробовал несколько различных вещей , в …

93 import  sass 

Недавно, когда я компилирую свои файлы scss, я получаю сообщение об ошибке. В сообщении об ошибке говорится: Список браузеров: caniuse-lite устарел. Пожалуйста, запустите следующую командуnpm update caniuse-lite browserslist Во-первых, как говорится в сообщении, я побежал, npm update caniuse-lite browserslistно это не устранило проблему. Я удалил весь каталог nod-modules и снова …

89 npm  sass  autoprefixer  web-compiler 

Я пытаюсь импортировать тему из модуля CSS, но TypeScript выдает ошибку «Не удается найти модуль», и тема не применяется во время выполнения. Я думаю, что что-то не так с моей конфигурацией Webpack, но я не уверен, в чем проблема. Я использую следующие инструменты: "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": …

88 typescript  import  sass  webpack  css-modules 

Я использую файл 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 только используемые классы значков ? Потому что сейчас он содержит все классы из …

86 css  sass  font-awesome 

Итак, у меня есть 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