Perguntas com a marcação «sass»

Sass (Syntactically Awesome Style Sheets) é uma extensão do CSS que adiciona recursos como regras aninhadas, variáveis, mixins e extensões de classe. Isso permite que os desenvolvedores escrevam CSS estruturado, gerenciável e reutilizável. Sass é compilado em CSS padrão.

1903
Qual é a diferença entre SCSS e Sass?

Pelo que tenho lido, Sass é uma linguagem que torna o CSS mais poderoso com suporte a variáveis ​​e matemática. Qual a diferença com o SCSS? É para ser o mesmo idioma? Semelhante?

1347
Variável Sass na função CSS calc ()

Estou tentando usar a calc()função em uma folha de estilo Sass, mas estou tendo alguns problemas. Aqui está o meu código: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Se eu usar o literal em 50pxvez da minha body_paddingvariável, obtenho exatamente o...

509
Importar arquivo CSS regular no arquivo SCSS?

Existe alguma maneira de importar um arquivo CSS regular com o @importcomando de Sass ? Embora não esteja usando toda a sintaxe SCSS do sass, ainda gosto de combinar os recursos de compactação / compactação e gostaria de poder usá-lo sem renomear todos os meus arquivos para *...

332
Sass .scss: aninhamento e várias classes?

Estou usando o Sass (.scss) para o meu projeto atual. Exemplo a seguir: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Isso funciona muito bem....

329
Opções angulares de CLI SASS

Sou novo no Angular e venho da comunidade Ember. Tentando usar o novo Angular-CLI baseado fora do Ember-CLI. Preciso saber a melhor maneira de lidar com o SASS em um novo projeto Angular. Tentei usar o ember-cli-sassrepositório para ver se ele funcionaria, pois vários componentes principais da...

309
Incluindo outra classe no SCSS

Eu tenho isso no meu arquivo SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } Na classe b, gostaria de herdar todas as propriedades e declarações aninhadas de class-a. Como...

263
Tente reinstalar o `node-sass` no nó 0.12?

Eu gostaria de usar o kit inicial do google web. Eu instalei o node.js v0.12.0, node-sass& gulp. E então correu: $ sudo npm install Quando digitei gulp serve, recebi este erro: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass`...

217
SASS - use variáveis ​​em vários arquivos

Gostaria de manter um arquivo .scss central que armazena todas as definições de variáveis ​​SASS para um projeto. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... O projeto terá um grande número de arquivos CSS, devido à sua natureza. É...

201
Fazendo um mix Sass com argumentos opcionais

Estou escrevendo um mixin assim: @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } Quando chamado, o que realmente quero é que, se nenhum...

166
O que é bússola, o que é sass ... como eles diferem?

Gostaria de começar a usar a bússola e a sass para acelerar o desenvolvimento. No momento, instalei o Sass em um mac e o instruí a assistir o arquivo scss para entrada e um arquivo css para saída gerada. Em muitos artigos, o Sass é usado com o Compass, estou me perguntando por que é esse o caso e...

135
Angular-cli de css para scss

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...