Skip to content

Instantly share code, notes, and snippets.

View bradfrost's full-sized avatar

Brad Frost bradfrost

View GitHub Profile
@bradfrost
bradfrost / gist:9856884
Last active August 29, 2015 13:57
Using Grunt with Pattern Lab
module.exports = function(grunt) {
// Configuration
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
shell: {
patternlab: {
command: "php core/builder.php -gp"
}
},
@bradfrost
bradfrost / gist:91931810b033a79cf8a9
Last active August 29, 2015 14:03
Example Mustache media object
<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
bradfrost / gist:a7926cfea4dc742569d9
Created June 26, 2014 03:54
Example JSON file to feed Mustache pattern in Pattern Lab
{
"img": {
"square": {
"src": "../../images/fpo_square.png",
"alt": "Square Thumbnail"
},
},
"title" : "Lorem Ipsumdmada (32 characters)",
"subtitle" : "Dolar sit amee consectetur"
}
{{# person }}
{{> molecules-block }}
{{/ person }}
"person" : {
"img": {
"square": {
"src": "../../images/sample/avatar.jpg",
"alt": "Thisisauser Withaverylonglastname"
},
},
"title" : "Thisisauser Withaverylonglastname",
"subtitle" : "Chief Executive Officer"
}
"peopleList" : [
{
"img": {
"square": {
"src": "../../images/sample/avatar-1.jpg",
"alt": "Steve Boomshakalaka"
},
},
"title" : "Steve Boomshakalaka",
"subtitle" : "CIA"
{
"isAdmin" : true
}
@bradfrost
bradfrost / gist:0b8a5d082bde9fae5663
Created January 11, 2015 21:41
Jekyll Grunt Cluster
module.exports = function(grunt) {
// Configuration
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
dist: {
options: {
style: 'compressed'
},
@bradfrost
bradfrost / dabblet.css
Created March 26, 2012 16:36
text-rendering: optimizeLegibility example
/**
* text-rendering: optimizeLegibility example
*/
body {
background: #BE6700;
}
h1 {
color: #DEDCB9;
font: italic normal 5em/1 Georgia, "Times New Roman", Times, serif;