Articles of sass

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 […]

Opções Angular CLI SASS

Sou novo no Angular e venho da comunidade Ember. Tentando usar o novo Angular-CLI baseado em Ember-CLI. Eu preciso saber a melhor maneira de lidar com o SASS em um novo projeto Angular. Eu tentei usar o ember-cli-sass para ver se ele funcionaria junto, já que vários componentes principais do Angular-CLI são executados fora dos […]

SASS: escolhe aleatoriamente a imagem de fundo de uma lista

Eu preciso mostrar isso: #footer-widgets .container .row { background-image: url(“RANDOMLY PICKED”); background-position: right bottom; background-repeat: no-repeat; } … e deve haver uma lista com 4 ou 5 links para as imagens de fundo reais ( http://sofpt.miximages.com/css/image.png ) para escolher. Como posso fazer isso com o SASS?

Como estender / modificar (personalizar) o Bootstrap 4 com o SASS

Eu quero criar um tema de site baseado no Bootstrap. Eu quero estender os componentes padrão do Bootstrap e alterar alguns deles. Para isso, eu precisaria acessar as variables ​​do SASS que o Bootstrap define para que eu possa substituí-las. Eu pensei em clonar o Bootstrap do GitHub e alterá-lo diretamente, mas ouvi dizer que […]

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?