alienresident / Pattern-Primer

Generating styled markup from a folder of markup snippets.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#Pattern Primer (Sass Port) This is a fork of Adactio/Jeremy Keith's [Pattern Primer] (https://github.com/adactio/Pattern-Primer). I have convert the css to Sass and Compass. I have tried to stick to the original CSS as closely as possible by using the same organization and output.

I thought it would be useful to leave this as a snapshot. I will be going beyond Jeremy Keith's code in my fork [Sass Pattern Primer] (https://github.com/alienresident/Sass-Pattern-Primer) which will serve as a basis for my own projects.

##Original Adactio README

Create little snippets of markup and save them to the "patterns folder." The pattern primer will generate a list of all the patterns in that folder. You will see the pattern rendered as HTML. You will also get the source displayed in a textarea.

You should be able to take the whole "pattern-primer" folder and drop it into your own project (assuming you're running PHP) BUT make sure to update the link element in the head of pattern-primer/index.php to point to your own CSS.

Here's a Node.js port: https://github.com/beardtwizzle/pattern-primer-on-node

And here it is in Ruby: https://github.com/micdijkstra/Pattern-Primer-Ruby

About

Generating styled markup from a folder of markup snippets.


Languages

Language:CSS 85.8%Language:PHP 7.7%Language:Ruby 6.6%