Erro de compilação de bússola no mixin - breakass - sass de Susy, compass-sass, susy-compass

Eu estou usando Susy / Compass / SASS para uma grade simples e responsiva no meu projeto atual. No entanto, o compilador Compass não irá compilar o breakin at-breakpoint da Susy.

+border-box-sizing

$total-columns  : 3
$column-width   : 4.5em
$gutter-width   : 1em
$grid-padding   : $gutter-width
$container-style: fluid

$break-1: 6
$break-2: 10

body
+container($total-columns, $break-1, $break-2)

.list
+span-columns(3)
.detail
display: none

+at-breakpoint($break-1) {
.detail
+squish(1)
+span-columns(3)
.list
+span-columns(2 omega)
}

+at-breakpoint($break-2) {
.detail
+squish(1,1)
+span-columns(5)
.list
+span-columns(3 omega)
}

Quando compasso tenta compilar, recebo um erro: error screen.sass (Line 20 of _grid.sass: Invalid CSS after "($break-1) ": expected expression (e.g. 1px, bold), was "{") identical screen.css.

Se achado uma pergunta anterior semelhante ao meu que sugeriu o compass-susy-plugin foi o culpado. Eu removi isso (não tenho certeza se eu tinha isso para começar) e instalei a gem Susy novamente para estar seguro, mas ainda recebo o erro.

Alguém já teve isso ou um problema semelhante? Agradeço antecipadamente por sua ajuda!

Respostas:

Susy suporta a sintaxe recortada de Sass. O problema é que você está atualmente usando um híbrido de ambas as sintaxes. Tente isto:

@import "susy"

+border-box-sizing

$total-columns  : 3
$column-width   : 4.5em
$gutter-width   : 1em
$grid-padding   : $gutter-width
$container-style: fluid

$break-1: 6
$break-2: 10

body
+container($total-columns, $break-1, $break-2)

.list
+span-columns(3)
.detail
display: none

+at-breakpoint($break-1)
.detail
+squish(1)
+span-columns(3)
.list
+span-columns(2 omega)

+at-breakpoint($break-2)
.detail
+squish(1,1)
+span-columns(5)
.list
+span-columns(3 omega)

Observe que não há chaves após o at-breakpoint() mixins. Apenas recuo.

Eu encontrei o problema. Susy não suporta a sintaxe recuada do SASS. Vaia!

Eu adicionei toneladas de chaves, ponto-e-vírgula e @includes para consertá-lo.

ATUALIZAR: OK, o problema foi não suporte para a sintaxe SASS. Foi o meu uso das chaves na sintaxe recuada! Por alguma razão, meu cérebro decidiu que o bloco de código precisaria estar entre chaves já que seria passado para um mixin. Meu erro e minhas desculpas aos devs de Susy.