Paul Fong
- build leaders up
- change > add, something different. act
- open hearts … work together
- change shows teachability
.clearfix{ | |
/* this should already exist in base styles*/ | |
} | |
.media{ | |
display:block; | |
@extend .clearfix; | |
} | |
.media__img{ | |
float:left; |
/* | |
We do this lots. A seemingly innocuous block with margin 0 auto on it. | |
*/ | |
.block { | |
margin: 0 auto; | |
} | |
.some-other-block { | |
margin: 2em auto 0; |
#!/bin/bash | |
function instructions { | |
echo "usage: mark.sh [input.scss] [output.md]" | |
exit | |
} | |
if [ -z "$1" ] | |
then | |
instructions |
/* | |
Imagine this sort of structure: | |
<div class='person person--male person--inbred'> | |
<div class='hand hand--left person__hand'> | |
<ol> | |
<li class='digit digit--finger'><span class='nail nail--short'></span></li> | |
<li class='digit digit--finger'><span class='nail nail--short'></span></li> | |
<li class='digit digit--finger'><span class='nail nail--short'></span></li> | |
<li class='digit digit--finger'><span class='nail nail--short'></span></li> |
(function() { | |
var Site = { | |
init: function() { | |
}, | |
start: function() { | |
document.addEventListener("DOMContentLoaded", this, false); | |
}, | |
handleEvent: function(e) { |
while (item.firstChild) { | |
item.removeChild(item.firstChild); | |
} |
/** | |
* Replace default renderer with nunjucks | |
* http://mozilla.github.io/nunjucks/ | |
* | |
* @param template | |
* @param data | |
* @returns {string} HTML | |
*/ | |
Backbone.Marionette.Renderer.render = function(template, data){ | |
return nunjucks.render(template, data); |
* { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; } | |
html { | |
background: #d0d3d6; } | |
body { | |
margin: 0; | |
font-family: "source sans pro", helvetica, sans-serif; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Slider test</title> | |
<style type="text/css"> | |
body { | |
font-family: pitch, courier; | |
margin: 4em; | |
} |