birdgrinder/_static/chunky.less @ 311c668e679c
deadlift: Update site.
author |
Steve Losh <steve@stevelosh.com> |
date |
Mon, 07 Mar 2016 13:35:38 +0000 |
parents |
540e755bced8 |
children |
(none) |
@import url("aal.css");
@width: 700px;
@c-cream: #FAF9EF;
@c-dark-cream: darken(@c-cream - #00E, 75%);
@font-face {
font-family: 'ChunkFiveRegular';
src: url('font/Chunkfive-webfont.eot');
src: local('☺'), url('font/Chunkfive-webfont.woff') format('woff'), url('font/Chunkfive-webfont.ttf') format('truetype'), url('font/Chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
font-weight: normal;
font-style: normal;
}
.link-plain() {
a {
color: #111;
border-bottom: none;
}
a:hover {
border-bottom: none;
color: lighten(@c-dark-cream, 50%);
}
}
html {
overflow-y: scroll;
}
body, html {
text-rendering: optimizeLegibility;
background-color: @c-cream;
font-family: Palatino, "Palatino Linotype", Georgia, serif;
.documentwrapper {
width: @width;
margin: 4.5em auto 0;
#indices-and-tables {
display: none;
}
}
.related {
display: none;
}
.footer {
width: @width;
margin: 3em auto 4.5em;
text-align: center;
font-style: italic;
color: @c-dark-cream;
}
h1,h2,h3,h4,h5,h6 {
font-family: ChunkFiveRegular;
font-weight: normal;
.link-plain();
}
h1 {
font-size: 4.5em;
text-align: center;
text-shadow: 0px 1px 3px lighten(@c-cream, 5%);
}
h2 {
font-size: 2em;
padding-top: 24px;
}
a {
color: @c-dark-cream;
text-decoration: none;
border-bottom: 1px dashed @c-dark-cream;
&:hover {
color: lighten(@c-dark-cream, 50%);
border-bottom: 1px dashed lighten(@c-dark-cream, 50%);
}
}
.tagline {
font-size: 1.5em;
line-height: 1em;
margin-top: 0;
margin-bottom: 2em;
text-align: center;
color: @c-dark-cream;
font-style: italic;
a {
font-weight: bold;
border-bottom: none;
&:hover {
border-bottom: none;
}
}
}
.quickstart {
width: @width / 2;
float: right;
margin-left: 20px;
margin-top: -12px;
.get {
.link-plain();
a {
display: block;
text-align: right;
font-family: ChunkFiveRegular, serif;
font-size: 1.5em;
margin: 0 0 0.25em;
}
}
pre {
margin-bottom: 37px;
}
}
pre {
font-size: 14px;
line-height: 24px;
background-color: #fcfcfc;
border: 1px solid darken(@c-cream, 55%);
margin-top: -2px;
margin-bottom: 24px;
padding: 12px 14px;
}
tt.literal {
font-size: 14px;
line-height: 24px;
background-color: lighten(@c-cream, 10%);
border: 1px solid darken(@c-cream, 40%);
padding: 2px 4px;
}
.contents {
ul {
list-style-type: none;
li a {
font-weight: bold;
border-bottom: none;
&:hover {
border-bottom: none;
}
}
}
}
.contents > ul > li {
margin-left: 0;
}
}