Skip to content

Instantly share code, notes, and snippets.

@erikjung
erikjung / dabblet.css
Created February 28, 2012 06:26
Scoped Styles. Chromium 19 required.
/**
* Scoped Styles. Chromium 19 required.
*/
hr {
border-top: 1px solid rgba(0,0,0,.1);
margin: 2rem 0;
}
/**************************************************/
@erikjung
erikjung / dabblet.css
Created February 29, 2012 04:31
Super Simple Type Setup
/* Super Simple Type Setup */
* {
margin: 0;
}
html {
font-size: 24px; /* Whatever */
}
@erikjung
erikjung / dabblet.css
Created March 1, 2012 22:48
Buttons and Icons
/**
* Buttons and Icons
*/
html {
font-size: 12px;
}
body {
font-size:1rem;
@erikjung
erikjung / dabblet.css
Created March 7, 2012 08:44
Font pairings
/* Font pairings */
@font-face {
font-family: a;
src: url(data:font/opentype;base64,d09GRgABAAAAAHA0ABAAAAAA38QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAABwGAAAABwAAAAcXbTSpEdQT1MAAFcIAAAZDQAALQAj72QTR1NVQgAAVtwAAAAsAAAAMLj/uP5PUy8yAAAB4AAAAFgAAABgiU2RGWNtYXAAAARIAAABWwAAAZobgK0kY3Z0IAAABxQAAAAgAAAAIATOA3lmcGdtAAAFpAAAAQIAAAFzBlmcN2dseWYAAAjUAABK7AAAoqihm3xJaGVhZAAAAWwAAAAyAAAANvneyuNoaGVhAAABoAAAACAAAAAkB0oDnGhtdHgAAAI4AAACDgAAAzy4WzC7bG9jYQAABzQAAAGgAAABoOJ0Ca5tYXhwAAABwAAAACAAAAAgAuUC5W5hbWUAAFPAAAABuwAAA4cyjGCvcG9zdAAAVXwAAAFeAAABzdfZUmJwcmVwAAAGqAAAAGwAAACE5WiiC3jaY2BkYGAA4oSOlL3x/DZfGeSZXwBFGE6XOC+E0f9f/ndjvsVcBuRyMDCBRAFvmA2IAAB42mNgZGBgbvl3hYGBRfD/y//PmW8xAEVQwHkAr3oH6wABAAAAzwBkAAUAUwAEAAEAAAAAAAoAAAIAAiwAAgABeNpjYGZSZZzAwMrAwLSHqYuBgaEHQjPeZTBi+AUU5WZmAYoyMjAtYGB4H8Cg4MUABQFBIW4MDgwKikpM7/6zMTAwtzDqKDAwzAfJMQFNA1IKDEwA2fQOdHjabZLfS9NRGMaf9z0RBDHoRkj6YWwoDDbHV0Zf55JNa7rayK02wrW5kUigUBcV3fUHJHoVQZCBBep1FEHYVd1E3gt1WRcGFelFA4P1nOMKEwefPee797zn+57nmczgFPiRPL8+UQ9iTN6grEtI6CVkTAFn9AXS+IayxJEj3bKCpNYwhu8IymM
@erikjung
erikjung / dabblet.css
Created March 18, 2012 02:47
Class Names
/* Class Names */
.block {}
.block_elem {}
.block.mod {}
/*/
* ***************
/*/
@erikjung
erikjung / dabblet.css
Created March 19, 2012 04:59
Weird thumbnail caption thing
/* Weird thumbnail caption thing */
p {
color:white;
}
article {
position:relative;
}
@erikjung
erikjung / gist:2248503
Created March 30, 2012 07:17
Using MustacheLoader class
<?php
include './../lib/mustache/Mustache.php';
include './../lib/mustache/MustacheLoader.php';
$template = <<<HTML
<body>
<header>{{header}}</header>
{{> partials/footer}}
</body>
HTML;
@erikjung
erikjung / dabblet.css
Created April 5, 2012 06:37
Lazy Responsive Design
/**
* Lazy Responsive Design
*/
html{
background: #aa0000;
}
body {
-webkit-transform: scale(.5);
@erikjung
erikjung / dabblet.css
Created April 24, 2012 21:39
Untitled
* {
margin: 0;
padding: 0;
}
html {
font-size: 12px;
font-family: sans-serif;
}
* {
margin: 0;
}
html {
/*background: url(http://griddle.it/936-2-935?horizontal=12&num=false) 0 0;*/
font-family: serif;
font-size: 12px;
}
body {
font-size: 1.5rem;