Skip to content

Instantly share code, notes, and snippets.

View max's full-sized avatar
🏔️

Max Schoening max

🏔️
View GitHub Profile
/*
Heroku fonts used all over.
We can't serve fonts from S3 because of cross domain policies.
https://developer.mozilla.org/en/HTTP_access_control
*/
@font-face {
// ## Grid
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * @gridColumns);
.columns(@columnSpan: 1) {
float: left;
margin: 0 @gridGutterWidth / 2;
width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script>
$(function() {
$(".app").click(function(e) {
if (e.which == 1 && !e.metaKey && !e.shiftKey) {
window.location = $(this).find("h2 a").attr("href");
}
});
});
fontName = "Inconsolata"
fontSize = 14
tabSize = 2
softTabs = true
wrapColumn = 80
[ *.{txt,md,mdown,markdown} ]
spellChecking = true
tabSize = 4
<!doctype html>
<title>Progress Bar</title>
<link rel=stylesheet href=s>
<progress></progress>
background: url("/images/input-focus-bg.png") bottom repeat-x, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #070812), color-stop(100%, #253e5c));
background: url("/images/input-focus-bg.png") bottom repeat-x, -webkit-linear-gradient(top, #070812 50%, #253e5c);
background: url("/images/input-focus-bg.png") bottom repeat-x, -moz-linear-gradient(top, #070812 50%, #253e5c);
background: url("/images/input-focus-bg.png") bottom repeat-x, -o-linear-gradient(top, #070812 50%, #253e5c);
background: url("/images/input-focus-bg.png") bottom repeat-x, -ms-linear-gradient(top, #070812 50%, #253e5c);
background: url("/images/input-focus-bg.png") bottom repeat-x, linear-gradient(top, #070812 50%, #253e5c);
@max
max / gist:2491213
Created April 25, 2012 16:44
Heroku Status API v3

Heroku Status API v3 (first draft)

Get current status

$ curl "https://status-beta.heroku.com/api/v3/current-status"
{"App Operations":"green","Tools":"green","Production":"green","Development":"green"}

Get list of issues (optionally limited by date or count)

// Config
// ============================================================================
// Colors
$panel-background-color: #000;
// Misc
$default-border-radius: 3px;
<!DOCTYPE html>
<meta charset="utf-8">
<title>Radio Buttons</title>
<style>
input[type=radio] {
height: 16px;
opacity: 0;
position: absolute;
width: 16px;
.css {
background: url("/images/base/buttons/right-select.png") right 0 no-repeat, linear-gradient(top, #A8E7FE, #53CBF5)
}
.compass {
@include background-image(url("/images/base/buttons/right-select.png"), linear-gradient(#A8E7FE, #53CBF5));
background-position: right 0, left top;
background-repeat: no-repeat;
}