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 lendoConteúdo para você se capacitar em programação
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 lendoEu 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 lendoConforme 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 lendoconfig.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 lendoSempre 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 lendoEu 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 lendoSe 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 lendose 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 lendoEu 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 lendoHistó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 lendoPortanto, 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 lendoTorne 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 lendoEu 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 lendoNã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 lendoAqui 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 lendoAqui 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