anchor.diff:  PlaceHolder
   Para criar extend e placeholder, basta usar o % na frente na criação e chamar atraves do @extend.
   Com o @extend você invoca um placeholder e faz chamada via %.
  -
  +```
   %image-replacement {
     text-indent: -9999px;
     overflow: hidden;
  
positive.code: Muitos devs perdem tempo precioso dando atenção para novas ferramentas que nem serão usadas pela equipe ou que morrerão nos próximos meses.
  
  Para usar o Sass é preciso instalar o ruby, como orientado no próprio site da documentação. A extensão do arquivo padrão é .scss e para observar as mudanças e a compilação do arquivo final (.css) o comando é:
  
  sass --watch file.scss:file.css
  
  Uma boa prática é observar os nome dos diretórios e arquivos com o _ na frente. As variáveis são criadas a partir do $, exemplo: $color. Geralmente existe um arquivo principal .scss que faz a chamada via import de todos os outros arquivos. Mantenha sempre as variáveis num único arquivo, assim como os mixins, usando sempre a pasta helpers para padronizar a estrutura.
  
  No Sass existem as funções, mixins, variáveis, aninhamento e outros detalhes que naturalmente não seria possível no css normal. O @include, faz referencia a chamada de um mixin. 
  
  Mixins
  O @mixin é criado de maneira parecida com o placeholder, mas aceita valores padrão, como no exemplo a seguir:
  
  @mixin border-radius($radius: 0.3em) {
    -webkit-border-radius: $radius;
    border-radius: $radius;
  }
  
  Geralmente os mixins são usados para bloco de códigos, mas você pode usar os do Compass (framework) também. É possível com o @mixin receber argumentos na função, inclusive com a opção de valor padrão.
  
  Functions
  
negative.code: .plataformas li {
    @extend %image-replacement;
  }
  ```
  Existem comandos internos no SASS para assistir, compilar e comprimir.
  Com o Sass também é possível realizar aninhamento (nesting) o que reduz a quantidade de código e sempre faz referencia ao item pai, exemplo:
  	
  