Skip to content

Instantly share code, notes, and snippets.

.header {
width: 960px;
margin: 0 auto;
}
.footer {
margin-top: 30px;
}
.article {
<!-- Element selectors -->
p, a, body, html
<!-- Descendant selectors -->
ul li { ... }
<!-- Child selectors -->
ul > li { ... }
<!-- Attribute selectors -->
h3 { ... }
h3.special { /* Add what makes this h3 heading special */}
#sidebar .h3 { ... }
.sidebar {
padding: 10px;
width: 200px;
}
.header {
padding: 10px;
width: 1000px;
}
.sidebar {
background: #eee;
background-image: -o-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
background-image: -moz-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
background-image: -webkit-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
background-image: -ms-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
background-image: linear-gradient(to bottom, #F23B1 0%, #293FD5 100%);
border-radius: 5px;
padding: 10px;
width: 200px;
---
title: Typography Project
date: 2014-02-12
category: projects
permalink: typography-deux
---
<% blog.articles.select {|a| a.data.category == "projects"}[0..10].each do |article| %>
<li><a href="<%= article.data.permalink %>"><%= article.title %></a></li>
<% end %>
---
layout: projects-layout
---
<%= yield %>