Skip to content

Instantly share code, notes, and snippets.

@fat

fat/foo

Created June 21, 2012 07:16
Show Gist options
  • Save fat/2964359 to your computer and use it in GitHub Desktop.
Save fat/2964359 to your computer and use it in GitHub Desktop.
Download ZIP
Basic Coffin Implementation
Raw
foo
<head>
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<link rel="stylesheet" href="stylesheets/coffin.css">
</head>
<body>
<!-- Specify an element to toggle your coffin -->
<a href="#" data-slide="coffin" class="slide-tab">
<div class="slide-icon-bar"></div>
<div class="slide-icon-bar"></div>
<div class="slide-icon-bar"></div>
</a>
<!-- Define your coffin -->
<div class="coffin">
<div class="bar">Coffin</div>
<ul class="nav">
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<!-- Define a stage -->
<div class="stage">
<div class="container">
<div class="twelve columns content">
<!-- content -->
</div>
</div>
</div>
<!-- JS -->
<script src="http://zeptojs.com/zepto.js"></script>
<script src="javascript/coffin.js"></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment