Conteúdo para você se capacitar em programação
Se você seguir a tradição do Rails e nomear seus arquivos SASS como foo.css.sass, você deve ter notado alguns avisos de depreciação na compilação após atualizar o sass-rails. O .css …
Continuar lendoVocê pode usar injeção de estilo ao desenvolver aplicativos sinatra, permitindo que você veja as alterações de css / sass sem atualizar seu navegador. Isso é especialmente útil ao fazer …
Continuar lendoPresumivelmente porque as pessoas amam CSS (?) Rails padroniza para SCSS ao gerar folhas de estilo. Eu uso HAML em vez de HTML, então SASS é um ajuste muito melhor. …
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 lendo@mixin font-size($sizeValue: 16, $line: $sizeValue * 1.5) { font-size: ($sizeValue) + px; line-height: ($line) + px; font-size: ($sizeValue / 16) + rem; line-height: ($line / 16) + rem;}
Continuar lendoRecentemente, converti um projeto de Ruby Sass and Compass para libsass. O mixin Compass font-faceestava sendo usado para produzir as @font-faceregras. Já que não queria ter que escrever @font-faceregras individuais …
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 lendo/** * Mixins & Functions */@function get-vw($target) { $vw-context: (1000*.01) * 1px; @return ($target/$vw-context) * 1vw;}@mixin responsive-font($init, $scaled) { font-size: $init; @media screen and ($tablet) { font-size: $scaled; }}@mixin responsive-window($bg) …
Continuar lendoEi pessoal, tenho uma pequena solução para vocês. Tive o problema de obter uma sombra de caixa de inserção nas imagens. Por isso tento algo em CSS e funciona! Markup …
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 lendoRichCSS é uma estrutura CSS que fornece estruturas padrão para elementos css reutilizáveis. Ele é construído em torno de um Estilo de Arquitetura que organiza seu código de uma forma …
Continuar lendoSCSS é a sintaxe mais recente e mais usada. É mais semelhante ao css normal (“… toda folha de estilo CSS3 válida também é um SCSS válido.”). SASS: $blue: #3bbfce$margin: …
Continuar lendoRecentemente, comecei a usar o Font Awesome como um bom aprimoramento para substituir coisas como asteriscos, marcadores, etc. O método a seguir é um pouco hack-y, mas funciona bem em …
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 lendoVocê 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 lendo