Como usar
Instale com o Bower
Você pode instalar e gerenciar as versões do first.css usando o Bower.
$ bower install first
First
Sass
Sass é incrível. Ele realmente concede super-poderes ao CSS. Mas nós precisamos limitar seu vôo, para evitar duplicação de código. O first.css tem duas regras básicas. Veja a seguir:
- Evite variáveis (fora de arquivos de setup). Crie um seletor único e expanda dali.
- Evite mixins. Eles são incríveis, mas também ajudam a tornar seu arquivo compilado super redundante.
A partir de agora, @extend
é o seu melhor amigo.
Use um Linter para Sass
O First.css é baseado em Sass, como você já deve ter percebido. Configure seu editor de código favorito (nós adoramos o Atom) para usar um Linter. Isso irá te ajudar a escrever códigos de acordo com as melhores práticas por padrão. Sem IDs, sem seletores super-qualificados, etc.
- Para o Atom, aqui estão o Linter e o plugin Sass.
- Para o Sublime Text, aqui estão o Linter e o plugin Sass.