Skip to content

Instantly share code, notes, and snippets.

@erikjung
erikjung / gist:3131937
Created July 17, 2012 20:45
Using SASS Color Functions
$colors: #ebcf91, #ebb500, #89af9e, #0f0903;
@function textColor() {
@return nth($colors, 1);
}
@function primaryColor() {
@return nth($colors, 2);
}
@erikjung
erikjung / config.rb
Created July 18, 2012 20:20
Mapping Solarized Color Values with SASS
http_path = "/"
css_dir = ""
sass_dir = ""
images_dir = ""
javascripts_dir = ""
output_style = :expanded
line_comments = false
preferred_syntax = :scss
@erikjung
erikjung / Screenshot.md
Created July 27, 2012 21:04
Using modular-scale Compass plugin
@erikjung
erikjung / gist:3507226
Created August 29, 2012 05:45
Simplest collection rotation
var items = ['a','b','c']
, current = 0
function currentItem() {
return items[current]
}
function next() {
current = ((items.length-1) - current === 0) ? 0 : current + 1
}
@erikjung
erikjung / dabblet.css
Created September 12, 2012 21:10
Simple version of Product page images overlap
/**
* Simple version of Product page images overlap
*/
body {
margin:0;
}
.article {
position: relative;
@erikjung
erikjung / dabblet.css
Created October 7, 2012 03:50
.container-fixed
/**
* .container-fixed
*/
.container-fixed,
.row-fixed,
.row-fixed > [class*=span] {
height: 100%;
}
@erikjung
erikjung / dabblet.css
Created October 9, 2012 03:10 — forked from lensco/dabblet.css
Fun with filters
/* Fun with filters */
body {
background: #ddd;
margin: 2em;
}
h1 {
font-size: 5em;
text-shadow: 0 1em 0 rgba(0,0,0,.33);
@erikjung
erikjung / index.html
Created October 25, 2012 02:43
A CodePen by Erik Jung.
<body class="container-fluid">
<div class="row-fluid">
<div class="span4 offset4">
<div class="well">
<h2>
Bootstrap Typeahead<br>
<small>Works asynchronously out of the box</small>
</h2>
<hr>
<input class="span12" type="search">
@erikjung
erikjung / noscript_meta_refresh.html
Last active December 10, 2015 22:18
Clever technique for presenting "JavaScript required" messaging on a separate page.
<head>
<noscript>
<meta http-equiv="refresh" content="0; URL=/page/for/non-js/users/">
</noscript>
</head>
<!-- via: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->