Perguntas com a marcação «sass»

Por que colocar _na frente do nome do arquivo em scss? _filename.scss- Por que isso precisa _?

147 css  sass 

Eu li a documentação , que diz que, se eu quiser usar scss, tenho que executar o seguinte comando: ng set defaults.styleExt scss Mas quando faço isso e faço esse arquivo, ainda recebo este erro no meu console: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, …

135 css  angular  sass  angular6  angular-cli 

Quero poder fazer o seguinte: height: 25% - 5px; Obviamente, quando faço isso, recebo o erro: Incompatible units: 'px' and '%'.

133 sass 

Acabei de descobrir Sass e estou muito empolgado com isso. No meu site, implemento um menu de navegação semelhante a uma árvore, estilizado usando o combinador filho ( E > F). Existe alguma maneira de reescrever esse código com uma sintaxe mais simples (ou melhor) no Sass? #foo > ul …

125 css  css-selectors  sass 

Eu conheço CSS muito bem, mas estou confuso sobre Sass. Como o SCSS é diferente do CSS? Se eu usar o SCSS em vez do CSS, ele funcionará da mesma forma?

124 css  sass 

Quero ter uma variável que contenha o caminho raiz para todas as minhas imagens no meu arquivo CSS. Não consigo descobrir se isso é possível no Sass puro (o projeto da Web atual não é o RoR, portanto, não é possível usar asset_pipeline ou nada desse jazz sofisticado). Aqui está …

123 css  sass 

Estou tentando criar um mixin para espaços reservados no sass. Este é o mixin que eu criei. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } É assim que eu gostaria de incluir o mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); Obviamente, isso não vai funcionar por …

122 css  sass 

Eu quero definir uma largura em porcentagem em scss via cálculo, mas isso me dá erros .. CSS inválido após "...- width: (4/12)%": a expressão esperada (por exemplo, 1px, negrito) era ";" Eu quero fazer algo como $my_width: (4/12)%; div{ width: $my_width; } como adiciono o sinal de% lá? Mesma …

121 css  sass 

Estou tentando combinar o uso de uma variável Sass com consultas @media da seguinte maneira: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width é então definido em vários pontos nas medidas baseadas em porcentagem da largura da folha de estilo para produzir …

120 sass  media-queries 

Estou configurando um novo Mac para funcionar. Eu instalei o Grunt & Grunt CLI globalmente. Então fiz um npm installdentro de uma pasta do projeto para instalar todas as dependências. Sem problemas até agora, mas assim que tento executar a sass:disttarefa, recebo este aviso: Warning: You need to have Ruby …

117 ruby  macos  bash  terminal  sass 

Obtendo este erro no Arch Linux com node-sass. Estou usando com gole-sass . Node Sass does not yet support your current environment: Linux 64-bit with false Versões $ gulp -v [19:43:15] CLI version 3.9.1 [19:43:15] Local version 3.9.1 $ npm -v 3.9.0 Nó $ node -v v6.2.0 Mesmo usar este …

116 node.js  sass  archlinux  gulp-sass  node-sass 

Já pensei no seguinte por um tempo, então agora quero saber suas opiniões, soluções possíveis e assim por diante. Estou procurando um plugin ou técnica que mude a cor de um texto ou alterne entre imagens / ícones predefinidos dependendo do brilho médio dos pixels cobertos da imagem de fundo …

114 javascript  jquery  html  css  sass 

Já usei LESS.js antes. É fácil de usar, algo como <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Vi SASS.js . Como posso usá-lo de maneira semelhante? Analisando um arquivo SASS para uso imediato em HTML. Parece que SASS.js é mais para uso com Node.js ? var sass = require('sass') sass.render('... …

112 css  sass  less 

Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 5 anos . Melhore esta questão Gostaria de editar arquivos SCSS no Eclipse, de preferência com destaque …

111 css  eclipse  sass  eclipse-plugin 

Eu tenho alguns seletores de scss onde uso a mesma quantidade de positivo e negativo, como em: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Eu prefiro usar uma variável para todos os valores de 15px, mas isso não funciona: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad …

107 css  sass  compass-sass