Articles of sass

Como posso usar variables ​​Ruby / Rails dentro do Sass?

Existe uma maneira de usar variables ​​do meu aplicativo Ruby dentro de um arquivo Sass?

Posso usar variables ​​para seletores?

Eu tenho essa variável: $gutter: 10; Eu quero usá-lo em um seletor como assim SCSS: .grid+$gutter { background: red; } então a saída se torna CSS: .grid10 { background: red; } Mas isso não funciona. É possível?

Sass Invalid CSS Error: “expressão esperada”

Acabei de seguir o tutorial do Sass . Por algum motivo, o arquivo Sass não está gerando corretamente o css. O terminal diz que o css é inválido, mas tenho certeza que não é. Eu tentei mudar também apenas no caso de haver um problema … O que eu fiz errado? Versão Sass: Sass 3.1.10 […]

SCSS / SASS: Como gerar dinamicamente uma lista de classs com vírgulas separando-as

Eu estou trabalhando com a syntax SCSS do SASS para criar um sistema de grade dinâmica, mas eu tenho um problema. Eu estou tentando fazer o sistema de grade completamente dynamic assim: $columns: 12; então eu crio as colunas assim: @mixin col-x { @for $i from 1 through $columns { .col-#{$i} { width: $column-size * […]

É possível importar um diretório inteiro no sass usando @import?

Eu estou modularizando minhas folhas de estilo com parciais SASS assim: @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 include todo o diretório parciais (é um diretório cheio de parciais SASS) como bússola @import ou algo assim?

Matemática com variables ​​interpoladas?

Considere o seguinte sass: $font-size: 18; $em: $font-size; $column: $font-size * 3; // The column-width of my grid in pixels $gutter: $font-size * 1; // The gutter-width of my grid in pixels $gutter-em: #{$gutter / $em}em; // The gutter-width in ems. $column-em: #{$column / $em}em; // The column-width in ems; $foo = $gutter-em / 2; […]

Como sobrescrever variables ​​SCSS ao compilar para CSS

Eu estou tentando usar o tema jqtouch que é baseado em SASS e COMPASS. Eu tenho um arquivo custom.scss com o código mais simples, uma importação e uma variável para replace: @import ‘jqtouch’; // Override variables $base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/ Quando eu agora compilar […]

Existe um SASS.js? Algo como LESS.js?

Eu usei o LESS.js antes. É fácil de usar, algo como Eu vi o SASS.js. Como posso usá-lo de maneira semelhante? Analisando um arquivo SASS para uso imediato em HTML. Parece que o SASS.js é mais para uso com o Node.js ? var sass = require(‘sass’) sass.render(‘… string of sass …’) // => ‘… string […]

Concatenando classs aninhadas usando SASS

Eu estou tentando usar o recurso de aninhamento do SASS para concatenar duas classs, mas não consigo descobrir como fazê-lo. Este é o HTML: some date Aqui está o meu atual SASS: .a .c display: inline-block .date width: 50px Cria o seguinte CSS: .a .c { display: inline-block; } .a .c .date { width: 50px; […]

Posso importar um arquivo hospedado externamente com sass?

Usando o Sass (SCSS) / Compass, é possível importar alguns CSS / SCSS em seu código de um arquivo hospedado externamente? Estou hospedando um plugin jQuery em um CDN e quero manter o CSS no mesmo local para que eu não o perca. No entanto, eu também gostaria de ter a opção de ser capaz […]