Living styleguide for typography

[jhilden]

We need a way to extract the most important typographical styles from Sass stylesheets to render them in the Smurfville living styleguide

[jhilden]

Here is a starting point on how I could imagine the Sass coding convention could look like for specifiy typography styles:
https://github.com/railslove/smurfville/blob/master/test/dummy/app/assets/stylesheets/_typography.sass

What do you think?

The hard (and key) part is obviously the parsing and rendering of that in the the Styleguide.
The approach I have been thingkin about is to get a concactinated/importet version of the app's Sass stylesheet and then add some dynamicly generated classes for the the differen typography at the end:

Here is what @chriseppstein told me, how this could be accomplished:
https://groups.google.com/forum/?fromgroups=#!searchin/sass-lang/jakob/sass-lang/lEgAANk7bvk/6RTYn5oszVUJ

[jhilden]

With the 2 commits below we have support for a very basic support for a typography styleguide that works if all the definitions are done within a self-contained (e.g. no outside variables) Sass partial. For example like this one: https://github.com/railslove/smurfville/blob/master/test/dummy/app/assets/stylesheets/_typography.sass

Commits:
bbf018c
ecb240f

The biggest problem lies here:

smurfville/app/views/smurfville/styleguide/typography.html.haml

Line 3 in ecb240f

#{Sass::Engine.new(File.read("#{Rails.root}/app/assets/stylesheets/_typography.sass") + render("typography_classes", typographies: @parser.typographies)).render}