SASS

#compilação via terminal

sass --watch main.scss:../css/main.css --style compressed

// O uso de pseudo-elementos:

a {
color: #ce4dd6;
&:hover {
color: #ffb3ff;
}
&:visited {
color: #c458cb;
}
}

// todas aquelas declarações repetidas:

@mixin center() {
display: block;
margin-left: auto;
margin-right: auto;
}

.container {
@include center();
/* Outros estilos aqui... */
}

/* Outros estilos... */

.image-cover {
@include center;
}

@mixin size($width, $height: $width) {

width: $width;
height: $height;
}
O uso de Operações e Funções #navbar {
$navbar-width: 800px;
$items: 5;
width: $navbar-width;

SASS 1
 li {
float: left;
width: $navbar-width/$items - 10px;
}
}

SASS 2