@import “pure-min” @import “github-markdown” @import “gemoji”
$blue: #4183c4
.clearfix
*zoom: 1 &:after content: "" display: table clear: both
main
max-width: 900px margin: 0 auto & > header padding: .1em .18em h1 margin: .16em & > article max-width: 880px padding: 0 10px 5em h2.index padding-top: 1.2em
.breadcrumbs
ul margin: 0 padding: .28em &:after content: "" clear: both display: block li float: left padding-right: .44em .current font-weight: bold &:after content: "/" padding: 0 0 0 .32em &:last-child:after content: "" a color: $blue text-decoration: none &:hover text-decoration: underline &:visited color: $blue
.markdown-body .metadata
margin: .4em auto 2.8em dl width: 17em margin: 0 0 .06em &:after @extend .clearfix dt width: 3.5em float: left margin: 0 .28em 0 0 font-style: normal dd width: 13em float: right padding: 0 0 0 .1em margin: 0
.highlight
.gutter padding: 0 .code width: 100% table td padding: 0 !important
.markdown-body pre.highlight
background: #f7f7f7 border: 1px solid #ddd