bradfrost

module.exports = function(grunt) {

	// Configuration 
	grunt.initConfig({
		pkg: grunt.file.readJSON('package.json'),
		shell: {
			patternlab: {
				command: "php core/builder.php -gp"
			}
        	},

bradfrost

1. Ebay category listing http://www.ebay.com/sch/Cell-Phones-Smartphones-/9355/i.html
2. Netflix Dashboard http://www.netflix.com/WiHome
3. Apple iMac product page http://store.apple.com/us/buy-mac/imac
4. Sky TV Guide http://tv.sky.com/tv-guide
5. Comcast Offers https://www.comcastoffers.com/
6. Amazon Book Product Detail Pagehttp://www.amazon.com/Element-Finding-Passion-Changes-Everything-ebook/dp/B001MSMUH0/
7. Groupon Deal detail page http://www.groupon.com/deals/detroit-seafood-market-5
8. Wikipedia Edit Page https://en.wikipedia.org/w/index.php?title=Thaddeus_Stevens&action=edit
9. Facebook http://facebook.com
10. DirectTV Packages http://www.directv.com/DTVAPP/new_customer/base_packages.jsp?ACM=false&lpos=Header:3

bradfrost

<div class="block">
  <img src="{{ img.square.src }}" alt="{{ img.square.alt }}" class="block__thumb" />
  <div class="block__body">
    <h2 class="block__title">{{ title }}</h2>
    <p class="block__subtitle">{{ subtitle }}</p>
  </div>
</div>

bradfrost

{
  "img": {
    "square": {
      "src": "../../images/fpo_square.png",
      "alt": "Square Thumbnail"
    },
  },
  "title" : "Lorem Ipsumdmada (32 characters)",
  "subtitle" : "Dolar sit amee consectetur"
}

bradfrost

{{# person }}
  {{> molecules-block }}
{{/ person }}

bradfrost

"person" : {
  "img": {
    "square": {
      "src": "../../images/sample/avatar.jpg",
      "alt": "Thisisauser Withaverylonglastname"
    },
  },
  "title" : "Thisisauser Withaverylonglastname",
  "subtitle" : "Chief Executive Officer"
}

bradfrost

"peopleList" : [
  {
    "img": {
      "square": {
        "src": "../../images/sample/avatar-1.jpg",
        "alt": "Steve Boomshakalaka"
      },
    },
    "title" : "Steve Boomshakalaka",
    "subtitle" : "CIA"

bradfrost

{ 
  "isAdmin" : true
}

bradfrost

module.exports = function(grunt) {

    // Configuration
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
		sass: {
			dist: {
				options: {
					style: 'compressed'
				},

bradfrost

/**
 * text-rendering: optimizeLegibility example
 */

body {
	background: #BE6700;
}
h1 {
	color: #DEDCB9;
	font: italic normal 5em/1 Georgia, "Times New Roman", Times, serif;