Conteúdo para você se capacitar em programação
Quando se trata de criar um mixin não paramétrico, a página inicial do LESS diz: .bordered { border-top: dotted 1px black; border-bottom: solid 2px black;} Então você pode fazer: .container …
Continuar lendoIntrodução Os usuários do git certamente estão familiarizados com os subcomandos loge diffpara procurar informações de commit de projeto relevantes. Navegação mais rápida Assumindo que seu pager é o robusto …
Continuar lendoO Problema: Queremos que os recursos no dom tenham uma de 3 cores e queremos que essa cor seja determinada pelos dados. A Solução: Insira uma string, que por acaso …
Continuar lendoLess.css pode ser compilado no lado do cliente ou no lado do servidor. Provavelmente, vou querer compilar less.css no lado do servidor. Então, o que faz menos permitir que você …
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 lendoHtml (as principais classes são tooltip-toggle e tooltip-content): <span class=”my-tooltip”> <a href=”#” class=”tooltip-toggle”>Hover?</a> <span class=”tooltip-content”>Details here</span></span> Menos: .my-tooltip { .lib-tooltip(right);} Detalhes adicionais: https://github.com/magento/magento2/blob/develop/lib/web/css/docs/tooltips.html
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 lendoVocê já precisou ler um arquivo que está sendo anexado durante a leitura? O primeiro comando que geralmente aprendemos para seguir um arquivo de log é tail -f. Funciona bem; …
Continuar lendoEu escrevi um mixin MENOS simples para criar triângulos com CSS3. Uso .triangle(@direction, @size, @color) @direction define a direção: ‘up’, ‘down’, ‘left’ ou ‘right’. @size define o tamanho @color define …
Continuar lendoCSS3 Mixins para acelerar o fluxo de trabalho e evitar prefixos de fornecedores. Exemplo de uso .element { .box-gradient(top, #f47a20, #faa51a); .box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.8)); }/* G5Framework …
Continuar lendoInstalar o compilador Less CSS no Ubuntu (12.04) é tão simples quanto digitar em um terminalsudo apt-get install rubygems1.8 ruby1.8-devsudo gem install rubygems-updatesudo gem update rubygemssudo gem install less</code> E …
Continuar lendoEu estava trabalhando fora desta página aqui: http://www.iambacon.co.uk/blog/life-is-now-easier-create-media-query-mixins-with-rulesets-less-css Eu queria criar funções responsivas que funcionassem bem com o bootstrap padrão col-xs-*e outros tamanhos, então pensei nisso: .responsive(@maxWidth; @rules) { @media …
Continuar lendoMenos 1.4 adiciona herança na forma de @extend. Semelhante a um @mixin, mas mais eficiente em sua saída. Um mixin irá produzir o mesmo pedaço de código toda vez que …
Continuar lendoLembro-me de como instalar menos texto sublime no ubuntu e como adicionar pacotes em texto sublime para compilar menos nele. Instale menos: http://htmlrockstars.com/blog/installing-less-css-on-ubuntu/ Install Sublime Text 2: http://xoloweb.blogspot.com.es/2012/07/instalar-sublime-text- 2-pt-ubuntu.html Como …
Continuar lendoObrigado a <a href=” http://nicolasgallagher.com/micro-clearfix-hack/”> Nicolas Gallagher </a> por este. /* For modern browsers */.cf:before,.cf:after { content:””; display:table;}.cf:after { clear:both;}/* For IE 6/7 (trigger hasLayout) */.cf { *zoom:1;} Bônus, minha …
Continuar lendoPor padrão, o git usa lesspara mostrar tudo, mesmo que caiba em uma única página. Se você quiser que ele mude para uma catsaída semelhante quando couber na sua janela, …
Continuar lendo