Compass Face Mixin
Mixin de ajudante que gosto de usar em meus projetos. /* =Font Embed */@mixin face( $name, $src, $weight: normal, $style: normal, $eot: true ) { $eotFont: false !default; @if $eot …
Continuar lendocompass
Usando as variáveis globais Compass e Zen Grids
Eu estava tendo alguns problemas ao usar bússola e grades Zen, enquanto lidava com $zen-column-countvariáveis em um tema Drupal. Se você está tendo o mesmo problema, é devido a uma …
Continuar lendoUsando uma pasta de imagens para gerar sprites com Compass
Conforme explicado detalhadamente neste post , é bastante fácil criar um sprite dinamicamente e nunca mais ter que pensar em posições de fundo. Simples como: @import “compass/utilities/sprites”;@import “foo/*.png”;@include all-foo-sprites; E …
Continuar lendoSass + Compass compila dois arquivos diferentes para o ambiente de desenvolvimento e produção
config.rb // Syntaxpreferred_syntax = :scss// Pathshttp_path = “/”images_dir = “/img”javascripts_dir = “/js”sass_dir = “/css/scss/”css_dir = “/css/”if environment == :development line_comments = true output_style = :nested sass_options = {:debug_info => true}endif …
Continuar lendoBússola: desativa comentários de depuração para um VCS
Sempre que você armazenar seus arquivos sass E css compilados no mesmo repo, certifique-se de ter desativado os comentários de depuração. Desta forma, você pode realmente usar o diff do …
Continuar lendoHabilitar mapas de origem CSS no Compass
Eu estava conversando com um colega de trabalho esta manhã sobre mapas de origem CSS. Eu nunca consegui fazer o Compass criar mapas de origem para mim. Tentei novamente esta …
Continuar lendoSASS Best Practice
Se você precisar criar muitos estilos diferentes, mas semelhantes, lembre-se do tipo de dados da lista e da regra @each. Mau .x-icon { width: 40px; height: 40px; background-size: contain; &.cat …
Continuar lendogrunt-contrib-compass [relógio] trabalhando com carga de fígado
se você, como eu, está usando grunt-concurrentpara executar grunt-contrib-watche grunt-contrib-compasscom a watchopção habilitada, provavelmente teve dificuldade em acionar o carregamento de fígado aqui está o como : adicione uma configuração …
Continuar lendoGrunt com Compass
Eu estava trabalhando em um projeto Foundation with Compass e decidi colocar Grunt nele. Compilation took 11.116sRunning “watch” taskCompleted in 13.974s at Wed Dec 18 2013 13:53:05 GMT-0500 (Eastern Standard …
Continuar lendoPor que sass (scss) é melhor do que menos
História curta SASS tem modo de relógio propriedades aninhadas mais fácil de depurar http://www.mobify.com/dev/sass-sleuth-debugging-sass-in-webkit-browsers/ https://addons.mozilla.org/en-us/firefox/addon/firesass-for-firebug/ ! sinalizador padrão para variáveis @extend para seletores de herança e espaço reservado @if, @for, …
Continuar lendoAuxiliar de fonte do ícone Compass / Sass
Portanto, você tem algumas fontes de ícone flutuando, mas não quer mudar todos os links de referência para os arquivos de ícone e especialmente a infinidade de tipos de arquivos …
Continuar lendoCompass Image URL Magic
Torne o uso do Compass ainda mais mágico usando seu image-url()ajudante para controlar a localização de seus ativos, simplesmente ajustando a URL para esses ativos em um local. Yay! Arquivo …
Continuar lendoPermitir rapidamente que o blueprint líquido do Compass use grades aninhadas
Eu amo frameworks como Foundation e Twitter Bootstrap. No entanto, algumas vezes você só precisa rolar rapidamente uma grade que você não precisa necessariamente ter recursos responsivos. Ou talvez você …
Continuar lendoAtualize automaticamente seu navegador ao atualizar um arquivo sass
Não seria bom se seus arquivos sass / scss compilassem automaticamente e todas as alterações aparecessem imediatamente em seu navegador? Uma maneira de conseguir isso é a seguinte: Instale a …
Continuar lendoJogue o Framework 2 com Zurb Foundation e Compass / Sass
Aqui está como você pode usar o Zurb Foundation junto com o framework web Scala Play 2.0 . Adicionar manuseio de ativos Sass adicione o seguinte plug-in para habilitar o …
Continuar lendoConversão PX para EM em Sass / Compass
Aqui está uma função de conversão PX para EM útil para SASS, também funciona se você estiver usando uma bússola como um ajudante. // Enter a base pixel size in …
Continuar lendo