Perguntas com a marcação «sass»

Olá, estou tentando aprender SASS / SCSS e estou tentando refatorar meu próprio mixin para clearfix o que eu gostaria é que o mixin fosse baseado em se eu passo o mixin em uma largura. pensamentos até agora (pseudocódigo apenas porque irei incluir outros mixins) @mixin clearfix($width) { @if !$width …

106 conditional  mixins  sass  if-statement 

Existe uma maneira de usar Sass ou Compass ou qualquer coisa assim sem Ruby? Estive procurando no google e neste site e não consigo encontrar nada, qualquer ajuda seria apreciada. Obrigado

102 css  sass  compass-sass 

A pergunta diz quase tudo. Por exemplo, se eu estivesse usando, digamos, Twitter Bootstrap , poderia definir classes em minha própria folha de estilo SASS que herdam das classes CSS do Bootstrap? Ou a herança no SASS só funciona no escopo de um único arquivo?

102 css  inheritance  stylesheet  sass 

Como está atualmente, esta pergunta não se encaixa em nosso formato de perguntas e respostas. Esperamos que as respostas sejam apoiadas por fatos, referências ou experiência, mas esta pergunta provavelmente irá solicitar debate, argumentos, pesquisas ou discussão extensa. Se você acha que esta questão pode ser melhorada e possivelmente reaberta, …

101 asp.net  css  sass 

Estou tendo problemas com aninhamento em Sass. Digamos que eu tenha o seguinte HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Quando tento aninhar meus estilos no seguinte, recebo um erro de compilação: .item { color: black; a& { color:blue; } } Como faço referência a um seletor …

100 sass  css-selectors 

Eu tenho uma tarefa gulp que está tentando converter arquivos .scss em arquivos .css (usando gulp-ruby-sass) e, em seguida, coloco o arquivo .css resultante no mesmo lugar em que encontrou o arquivo original. O problema é que, como estou usando um padrão globbing, não sei necessariamente onde o arquivo original …

99 javascript  node.js  sass  gulp 

Quero usar as cores da marca da minha empresa em todo o aplicativo. Eu encontrei este problema: AngularJS 2 - Design de material - definir paleta de cores onde posso construir um tema supostamente personalizado , mas basicamente usa diferentes partes de paletas pré-construídas. Não quero usar as cores predefinidas …

98 angular  sass  material-design  angular-material2 

SASS tem um recurso chamado @extend que permite a um seletor herdar as propriedades de outro seletor, mas sem copiar as propriedades (como mixins). O LESS também tem esse recurso?

93 css  sass  less  extend 

Eu estava lutando para configurar o libsass, pois não era tão simples quanto o transpiler baseado em Ruby. Alguém poderia explicar como: instalar libsass? usar na linha de comando? usá-lo com corredores de tarefas como gulp e grunt? Tenho pouca experiência com gerenciadores de pacotes e menos ainda com executores …

93 css  sass  gulp-sass  node-sass  libsass 

No Sass, não consigo discernir a diferença entre usar @includecom um mixin e usar @extendcom uma classe de espaço reservado. Eles não significam a mesma coisa?

92 sass 

Estou tentando usar a interpolação de string na minha variável para fazer referência a outra variável: // 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'); Mas …

91 variables  sass 

No SASS, é possível importar um arquivo de outro diretório? Por exemplo, se eu tivesse uma estrutura como esta: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss poderia importar _common.scss usando, @import "common"mas é possível para more_styles.scss importar _common.scss? Tentei algumas coisas diferentes, incluindo @import …

89 import  sass 

Recentemente, ao compilar meus arquivos scss, recebo um erro. A mensagem de erro diz: Lista de navegadores: caniuse-lite está desatualizado. Por favor, execute o próximo comandonpm update caniuse-lite browserslist Primeiro, como diz a mensagem, eu corri, npm update caniuse-lite browserslistmas não corrigiu o problema. Excluí todo o diretório nod-modules e …

89 npm  sass  autoprefixer  web-compiler 

Estou usando o arquivo Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass para torná-lo _font-awesome.sass para que eu possa @importem meu projeto Sass. Também estou usando http://middlemanapp.com/ para converter Sass para Css . Questões: Existe uma maneira de trazer apenas classes de ícones usadas para meu .css convertido? Porque agora ele carregava todas as …

86 css  sass  font-awesome 

Portanto, tenho uma app/assets/stylesheets/estrutura de diretório semelhante a esta: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements Em cada diretório, há vários parciais de sass (normalmente * .css.scss, mas um ou dois * .css.scss.erb). Posso estar supondo muito, mas o rails DEVE compilar automaticamente todos os arquivos nesses diretórios …

86 css  ruby-on-rails  asset-pipeline  sass