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; | |
| } |