Articles of sass

Por que o Sass muda o formato das minhas colors?

O Sass está exibindo # 000 e #fff como valores de cor preto e branco no meu arquivo css. Por exemplo: $color: #000; .box { color: $color; } Saídas para: .box { color: black; } Não deve produzir os valores hexadecimais?

O Sass 3.3 é compatível com o Compass?

Acabei de atualizar para o Sass 3.3 para que eu possa usar alguns dos novos resources (nomes de classs com estilo BEM, mapeamentos, @ at-root, etc). Se eu compilar meu projeto com Sass (via sass –watch ), ele funciona muito bem. No entanto, se eu compilá-lo usando o Compass (via compass watch ), recebo um […]

Usando uma function no Sass está retornando a string contendo o nome da function em vez do resultado

Estou tentando o Zurb Foundation 5. Então, criei um novo projeto e tente alterar as configurações. Quando eu mudei, por exemplo, $row-width: rem-calc(1170); em my-project / scss / settings.scss, compilou (em my-project / stylesheets / app.css) em: .row { max-width: rem-calc(1170); } Parece que não sabe sobre a function rem-calc. Como fazê-lo calcular rem-calc corretamente?

Interpolação Sass de nomes Mixin, Function e Variable

Eu estou tentando percorrer uma lista de valores no Sass e usar a interpolação da chave atual para dinamicamente os nomes de classs de saída que utilizam @include e @extend, respectivamente. Aqui está uma caneta mostrando o problema, simplificado. http://codepen.io/ghepting/pen/vBmLy Como você pode ver na marcação, tentei include o “_” dentro da string interpolada, assim […]

Sass .scss: Aninhamento e múltiplas classs?

Estou usando o Sass (.scss) para meu projeto atual. Seguinte exemplo: HTML Hello World SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Isso funciona muito bem. Posso lidar com várias classs ao usar estilos nesteds. Na amostra acima eu estou falando sobre isso: CSS .container.desc { background:blue; } Nesse caso, todos os div.container […]

Qual a diferença entre o SCSS e o Sass?

Pelo que tenho lido, o Sass é uma linguagem que torna o CSS mais poderoso com suporte a variables ​​e matemática. Qual a diferença com o SCSS? É suposto ser a mesma língua? Semelhante? Diferente?

Modificando o meio de um seletor no Sass (adicionando / removendo classs, etc.)

Eu tenho o seguinte SCSS para links de estilo no meu menu: nav { ul { li { a { color: red } } } ul.opened { li { a { color: green } } } } Que gera o seguinte CSS (correto): nav ul li a { color: red; } nav ul.opened li a […]

Sass – Manipula propriedade herdada?

É possível, no Sass, manipular um valor que um determinado elemento já herda? Eu estou apontando para algo assim: body color: blue .warning color: red strong color: darken(inherit,20)

Anexe o seletor pai ao final com Sass

Ok, suponha que eu tenha o seguinte CSS tradicional .social-media { /* … */ } .social-media .twitter { /* … */ } .social-media .facebook { /* … */ } ul.social-media { /* … */ } Então, tentei fazer assim com o SCSS: .social-media { /* … */ .twitter { /* … */ } .facebook { […]

Usando fonts com pipeline de resources do Rails

Eu tenho algumas fonts sendo configuradas no meu arquivo Scss assim: @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 << Rails.root.join("app", "assets", "fonts") ao meu arquivo application.rb […]