SASS se puede usar con dos formas de sintaxis diferentes: la forma original, a menudo llamada "indented syntax" (sintaxis de indentación), y una variante más nueva, que está más orientada a los requisitos de CSS y se denomina Sassy CSS (SCSS); es decir, CSS estilo SASS. Con la versión 3 de SASS, SCSS se ha establecido como sintaxis oficial. La mayor diferencia entre ambas: el uso de paréntesis y del punto y coma.
La sintaxis original de SASS trabaja con sangrías y saltos de línea, un enfoque de estilo YAML. Para completar una línea de código, basta con hacer un salto de línea, es decir, pulsar la tecla Intro. La indentación funciona fácilmente con el tabulador. Al cambiar la posición en la tipografía, se forman agrupaciones, los llamados bloques de declaración, lo que no es posible en CSS. En este caso, deben utilizarse llaves para las agrupaciones y punto y coma para las declaraciones de propiedad. Y eso es exactamente lo que SCSS necesita.
Algunos usuarios prefieren el fácil manejo del SASS original, en el que no es necesario prestar atención a la correcta configuración de los separadores cuando se mueven fragmentos de código fuente y, en general, generar un código más limpio y claro. En general, la "sintaxis sangrada" se conforma con menos caracteres y líneas. Los seguidores de SCSS, por otro lado, prefieren aceptar este esfuerzo adicional, ya que se asemeja más a la sintaxis que ya conocen de CSS.
SCSS es un superconjunto de CSS, lo que asegura que el código CSS también funciona en SCSS, pero no al revés. Las funciones de SASS siguen estando plenamente incluidas, razón por la cual se hace más fácil trabajar con ambos idiomas al mismo tiempo. Además, para las personas que ya trabajan con CSS y se han acostumbrado a la sintaxis, el cambio es mucho más sencillo. Aunque SASS soporta ambas sintaxis, tú tienes que decidir cuál escoger para cada proyecto: para distinguir entre los diferentes formatos, se les da a los archivos la extensión .sass o .scss.