sass.sass

/* Sass con sintaxis .sass */
/* Variables */
$azul: #3bbfce /* Guardamos una variable llamada azul con el color #3bbfce */
$blanco: #fff

/* este es un elemento con class content-navigation */
.content-navigation
  border-color: $blue /* Noten el espacio y la falta de llaves */
  color: darken($blue, 9%) /* darken es una funcion utilitaria que viene en Sass, hace un color mas oscuro */
  p
    color: $blanco

scss.sass

/* Sass con sintaxis .scss */
$blue: #3bbfce;
$blanco: #fff;

/* Notar que en esta ocasion si tenemos las llaves y los ; */
.content-navigation {
  border-color: $blue;
  color: darken($blue, 9%);
  
  p {
    color:$blanco;
  }
}