Introdução ao SASS

O que é SASS?

SASS é uma linguagem de extensão que permite que você descreva suas folhas de estilo (CSS) de maneira concisa – além de estender o CSS com vários recursos e habilidades úteis.

SASS pode ser facilmente integrado com Sinatra e Ruby on Rails – dando a você acesso poderoso ao SASS para lidar com CSS.

Para lhe dar uma ideia – aqui está um corpo HTML com alguns estilos:

body
  color: #34495E
  font-size: 18px
  margin: 0
  padding: 0
  background-color: white
  font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif

Hiperlinks de estilo:

a
  text-decoration: underline
  color: #34495E

Descrevendo uma classe para um .box-container :

.box-container
  padding: 60px
  border: solid 3px #DDD
  background-color: #F5F5F5

Atribuindo algum estilo a um elemento HTML com um ID de # menu-bar :

#menu-bar
  color: white
  background-color: #F5F5F5
  margin-bottom: 25px

Saber mais

Aprenda SASS em sass-lang.com

CSS é para otários. Uma introdução ao Sass & Compass

Screencast: introdução ao Sass

CSS Tricks Screencast Lea