Skip to content

Instantly share code, notes, and snippets.

View jasonsee's full-sized avatar

jasonsee jasonsee

View GitHub Profile
// Foundation Components
@import "foundation/foundation-global";
@import "foundation/components/global";
@import "foundation/components/grid";
@import "foundation/components/block-grid";
/* The Grid ---------------------- */
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }
.lt-ie9 .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T go to file
⌘⌃P go to project
⌘R go to methods
⌃G go to line
⌘KB toggle side bar
⌘⇧P command prompt
$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");
@mixin sprite-background($name) {
background-image: sprite-url($sprites);
background-position: sprite-position($sprites, $name);
background-repeat: no-repeat;
display: block;
height: image-height(sprite-file($sprites, $name));
width: image-width(sprite-file($sprites, $name));
#
# robots-dev.txt
#
# This is an alternate version of robots.txt that is used on dev and staging to prevent indexing of that content.
# .htaccess points users to this version on those hostnames.
#
User-agent: *
Crawl-delay: 10
# Directories
Disallow: /
[core]
repositoryformatversion = 0
filemode = true
bare = false
logallrefupdates = true
ignorecase = true
[remote "origin"]
fetch = +refs/heads/*:refs/remotes/origin/*
url = git@github.com:g1nn13/jakarta
[branch "master"]
<style>
.product-image {
width: 50px;
height: 50px;
}
.new {
background-image: url(/some/image/new.png);
position: absolute;
@jasonsee
jasonsee / gist:3868714
Created October 10, 2012 21:53
Google Maps cheat
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0; padding-top: 97px; padding-bottom: 52px; overflow-x: hidden; overflow-y: hidden }
#map_canvas {height: 100% }
#content {margin: 0; padding: 0 }
$('#position').live('pageshow', function(event, ui) {
google.maps.event.trigger(map, 'resize');
});
$('#map-init').click(function() {
google.maps.event.trigger(map, 'resize');
});