Use sass-convert para indentar seu código Sass / SCSS
Você pode usar sass-convert para recuar o código SCSS convertendo de SCSS para SCSS. Uso: sass-convert -F scss -T scss –indent 4 from.scss to.scss (2 é o padrão se não …
Continuar lendoConteúdo para você se capacitar em programação
Você pode usar sass-convert para recuar o código SCSS convertendo de SCSS para SCSS. Uso: sass-convert -F scss -T scss –indent 4 from.scss to.scss (2 é o padrão se não …
Continuar lendoExistem duas práticas usadas com freqüência para adicionar imagens a uma página da web, a tag IMG ou usando o fundo CSS. Para substituir com êxito as imagens usadas para …
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 lendoSassy Modular Scale é um mixin baseado em Sass que calcula os valores incrementais da escala modular em proporção a um tamanho e proporção definidos. Isso é útil para contar …
Continuar lendoCSS Clear FIx Mixin para SASS # [email protected] clearFix(){ &:before, &:after{ content: ” “; display: table; } &:after{ display: block; clear: both; height: 1px; margin-top: -1px; visibility: hidden; } &{ …
Continuar lendo6 meses atrás eu criei um protip chamado Absurdly Abstract @ font-face mixin com a intenção de tornar mais fácil incluir fontes de marca. No final daquele artigo, observei que …
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 lendoEnquanto trabalhava no front-end para um site de conferência futura usando Twitter Bootstrap (via bootstrap-sass ), tentei usar os mixins auxiliares de marcação semântica padrão (makeRow () e makeColumn ()), …
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 lendoEu uso o ack o tempo todo para pesquisar o código-fonte, porém quando comecei a usar o sass ele parou de funcionar. Aqui está a solução: cat >> ~/.ackrc–type-addcss=.sass,.scss Isso …
Continuar lendoVocê certamente sabe que é impossível “subir” a árvore DOM com um seletor CSS. Deve ser uma abordagem descendente, de um elemento pai para seus filhos. Nada de novo aqui. …
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 lendoEste é meu fluxo de trabalho para o Grunt para um front-end simples. Pode ser usado com WordPress. Package.json { “name” : “random-website”, “version” : “1.0.0”, “devDependencies” : { “grunt” …
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 lendoMixin de desfoque simples, funcionará no Chrome 28+, Safari 6+, IE6-9, Firefox 10+ @mixin blur($px: 0) { -webkit-filter: blur(#{$px}px) !important; -ms-filter: blur(#{$px}px) !important; -moz-filter: blur(#{$px}px) !important; filter: url(“data:image/svg+xml;utf8,<svg >); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=’#{$px}’);}
Continuar lendo