Articles of compass sass

Sass @each com múltiplas variables

Estou apenas começando com Sass e Compass, e estou amando isso. Algo que gostaria de fazer é aproveitar a function @each para simplificar tarefas repetitivas. No entanto, só vi exemplos de @each inserindo uma variável e gostaria de poder usar várias variables. O caminho padrão (da referência Sass ): @each $animal in puma, sea-slug, egret, […]

Valor da variável negativa Sass?

Eu tenho um par de seletores scss onde eu uso a mesma quantidade positiva e negativa, como em: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Eu prefiro usar uma variável para todos os valores de 15px, mas isso não funciona: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; Os valores […]

Falha ao criar extensão nativa gem (instalando o Compass)

Quando tento instalar a última versão da bússola ( 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 extension. /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby extconf.rb checking for ffi.h… no checking for ffi.h in /usr/local/include,/usr/include/ffi… yes checking for ffi_call() in -lffi… yes […]

Não é possível obter sass + compass + susy instalado devido ao conflito de versões

Eu estou trabalhando com Sass, Compass e Susy no OSX / Terminal. Mas não consigo fazer com que Susy trabalhe junto com Sass e Compass. O que eu fiz: sudo gem install sass sass -v Retorna: Sass 3.3.0 (Maptastic Maple) sudo gem install compass Isto parece também instalar o sass-3.2.14.gem, então a bússola-0.12.3.gem. compass -v […]

IE9 fronteira-raio e sangramento gradiente de fundo

O IE9 é aparentemente capaz de lidar com cantos arredondados usando a definição padrão CSS3 de border-radius de border-radius . E quanto ao suporte para raio de borda e gradiente de fundo? Sim, o IE9 é suportá-los separadamente, mas se você misturar os dois, o gradiente sairá do canto arredondado. Eu também estou vendo a […]

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

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

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?