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? Diferente?

1903 css  sass 

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 que quero. No entanto, quando alterno para …

1347 css  sass  css-calc 

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

509 css  sass 

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 antes de engolir sass-watch npm -g …

367 node.js  sass  gulp  gulp-sass 

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'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } O arquivo de fonte real é armazenado em / app / assets / fonts / Eu adicionei config.assets.paths << …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

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. Posso lidar com várias classes enquanto estiver usando estilos aninhados. No exemplo acima, …

332 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 Angular-CLI são executados …

329 angular  sass  angular-cli 

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 isso é feito? Eu tentei usar @include class-a, mas …

309 inheritance  sass 

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` bindings not found. Try reinstalling `node-sass`? at …

263 node.js  sass  gulp 

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 estilo?

235 css  sass  minify 

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. É importante declarar todas as variáveis ​​de …

217 css  sass 

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 cores que enviarei para …

213 css  sass  background-color  mixins  rgba 

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 partials/queues existe uma maneira de incluir todo o diretório de parciais (é um diretório cheio de parciais do SASS) como @import compass ou …

209 import  sass  partials 

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 $insetvalor for passado, nada será produzido, em vez de …

201 sass 

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 …

166 css  sass  compass-sass