jonikorpi/Golden-Grid-System — pull request #15 by mehlah (2012-01-08 14:59:57+00:00)
Title: Fix scss mixins.

Compiling the Sass version of GGS will show you that it's not completely equivalent of the less version, for typography styles.

Sass `@extend` directive is for selector inheritance and work this way

Sass | Less | CSS Output
----------------------------+-------+---------------------------
.bordered { | N/A | .bordered, #menu a {
border: 1px solid back; | | border: 1px solid back; }
} | |
| |
#menu a { | |
@extend .bordered; | |
}

Less does not provide selector inheritance.

`Mixins` should be used instead `@extend` on the scss version to be loyal the original Less version of GGS.

Sass | Less
----------------------------------+----------------------------------
@mixin bordered { | .bordered {
border-top: dotted 1px black; | border-top: dotted 1px black;
border-bottom: solid 2px black; | border-bottom: solid 2px black;
} | }
|
#menu a { | #menu a {
@include bordered; | .bordered;
} | }