Perguntas com a marcação «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?

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

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

Instalei módulos de nó pelo npm install e tentei gulp sass-watch no prompt de comando. Depois disso, recebi a resposta abaixo. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined Já tentei isso...

Eu tenho algumas fontes sendo configuradas no meu arquivo Scss da seguinte forma: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'),...

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

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

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

Quando tento instalar a versão mais recente do compass ( https://rubygems.org/gems/compass/versions/1.0.0.alpha.17 ), recebo o seguinte erro. ERROR: Error installing compass: ERROR: Failed to build gem native extension. ERROR: Error installing compass: ERROR: Failed to build gem native...

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

Existe uma maneira de executar: sass --watch a.scss:a.css mas a.cssacabaram sendo minificados? Como evitaria ter que executar uma etapa de minificação separada ao compilar minha folha de

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

Eu tenho o seguinte Sass mixin, que é uma modificação meia completa de um exemplo de RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Apliquei $opacityok, mas agora estou preso à $colorpeça. As...

Estou modularizando minhas folhas de estilo com parciais SASS da seguinte forma: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import...

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

Aparentemente, o IE9 é capaz de lidar com cantos arredondados usando a definição padrão CSS3 de border-radius. E o suporte ao raio da borda e ao gradiente de fundo? Sim, o IE9 é suportá-los separadamente, mas se você misturar os dois, o gradiente sangra pelo canto arredondado. Também estou vendo...

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

E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. There is an error in your gulpfile: Error: Node...

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

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