Skip to content

Instantly share code, notes, and snippets.

@Gastove
Created August 10, 2013 20:07
Show Gist options
  • Save Gastove/6201942 to your computer and use it in GitHub Desktop.
Save Gastove/6201942 to your computer and use it in GitHub Desktop.
A Scalate jade template for skeleton.css (www.getskeleton.com). (Probably approximately close to HAML/SCAML, but I haven't tested that as such.)
-# Setting Jade Variables
-@ val title: String = "Default Title WOOOO!"
-@ val body: String = "Default Body WOOOOO!"
!!!
/ [if lt IE 7]
html{:class => "ie ie6", :lang => "en"}
/ [if IE 7]
html{:class => "ie ie7", :lang => "en"}
/ [if IE 8]
html{:class => "ie ie8", :lang => "en"}
/ [if (gte IE 9) | !{IE)]
html{:lang => "en"}
head
/ The Basics
meta(charset="utf-8")
title= title
meta(name="description" content="")
meta(name="author" content="")
/Mobile-specific Meta
meta(name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1")
/ CSS
link(rel="stylesheet" href="stylesheets/base.css")
link(rel="stylesheet" href="stylesheets/skeleton.css")
link(rel="stylesheet" href="stylesheets/layout.css")
/ [if lt IE 9]
script{:src => "http://html5shim.googlecode.com/svn/trunk/html5.js"}
/ Favicons
link(rel="shortcut icon" href="images/favicon.ico")
link(rel="apple-touch-icon" href="images/apple-touch-icon.png")
link(rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png")
link(rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png")
body
/Primary Page Layout
-# The original skeleton boilerplate provides a good deal of stuff here; I'm omitting most of it.
div(class="container")
!= body
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment