Skip to content

Instantly share code, notes, and snippets.

.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;
@JoshBarr
JoshBarr / mark.sh
Last active December 30, 2015 18:09
#!/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) {
@JoshBarr
JoshBarr / gist:02eccf42d0e3290d2f51
Created June 17, 2014 23:40
Clear a DOM node quickly.
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);
@JoshBarr
JoshBarr / notes.md
Created September 18, 2014 09:57
Zeal Tall Poppy Notes

Zeal Tall Poppy 2014

youthquest

Paul Fong

  • build leaders up
  • change > add, something different. act
  • open hearts … work together
  • change shows teachability
@JoshBarr
JoshBarr / goodworld.css
Created September 29, 2014 20:58
goodworld stylesheet
* {
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
background: #d0d3d6; }
body {
margin: 0;
font-family: "source sans pro", helvetica, sans-serif;
@JoshBarr
JoshBarr / index.html
Created March 12, 2015 04:44
Range slider
<!DOCTYPE html>
<html>
<head>
<title>Slider test</title>
<style type="text/css">
body {
font-family: pitch, courier;
margin: 4em;
}