Skip to content

Instantly share code, notes, and snippets.

View chriseppstein's full-sized avatar

Chris Eppstein chriseppstein

1.5k followers · 24 following
View GitHub Profile
@chriseppstein
chriseppstein / menu.html
Created November 1, 2008 20:42
<ol id="menu" class="horizontal">
<li class="first">Menu Item #1</li>
<li>Menu Item #2</li>
<li class="last">Menu Item #3</li>
</ol>
@chriseppstein
chriseppstein / menu.sass
Created November 1, 2008 20:51
@import compass/utilities.sass
ol#menu
+horizontal-list
@chriseppstein
chriseppstein / menu.css
Created November 1, 2008 20:52
ol#menu {
margin: 0;
padding: 0;
border: 0;
overflow: auto;
overflow: -moz-scrollbars-none;
display: inline-block;
}
ol#menu {
display: block;
@chriseppstein
chriseppstein / three_column.html
Created November 1, 2008 20:58
<html>
<head>
<link rel="stylesheet" href="stylesheets/screen.css"
type="text/css" media="screen, projection">
</head>
<body class="content">
<div class="container">
<div id="header">
This is the header
</div>
@chriseppstein
chriseppstein / three_column.sass
Created November 1, 2008 20:59
@import compass/reset.sass
@import blueprint/modules/grid.sass
body.content
.container
+container
#header, #footer
+column(24)
#context-menu
+column(5)
@chriseppstein
chriseppstein / three_col_mixin.sass
Created November 1, 2008 21:00
=three-column(!header, !left, !center, !right, !footer)
#{!header}, #{!footer}
+column(24)
#{!left}
+column(5)
#{!center}
+column(11)
#{!right}
+column(8, last)
@chriseppstein
chriseppstein / three_column.sass
Created November 1, 2008 21:01
body.content
.container
+container
+three-column("#header", "#context-menu", "#content", "#some-ads-and-stuff", "#footer")
@chriseppstein
chriseppstein / deploy.rb
Created November 15, 2008 16:02
namespace :sass do
desc 'Updates the stylesheets generated by Sass'
task :update, :roles => :app do
invoke_command "cd #{latest_release}; RAILS_ENV=#{rails_env} rake --trace sass:update"
end
end
@chriseppstein
chriseppstein / index.html
Created November 18, 2008 19:59
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Blueprint test pages</title>
<!-- Framework CSS -->
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css">
@chriseppstein
chriseppstein / screen.sass
Created November 18, 2008 20:06
@import blueprint/screen.sass
@import blueprint/modules/scaffolding.sass
@import compass/reset.sass
+blueprint-typography("body.blueprint")
body.blueprint
+blueprint-scaffolding
.container
+container