Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
107 lines (101 sloc) 1.65 KB
//base unit
$base: 10px;
$contentInnerWidth: 650px;
$contentOuterWidth: 1000px;
$columnMargin: 0 30px 0 auto;
$textMargin: 0 auto 0 0;
@import './base/normalize';
@import './base/base';
@import './base/type';
@import './base/images';
body {
color: #333;
padding-top: 40px;
font-family: "Helvetica Neue", Helvetica, sans-serif ;
}
.column {
width: 49%;
}
h1, h2, h3 {
letter-spacing: -0.04em
}
h1 {
font-size: 10 * $base;
line-height: 11 * $base;
margin-bottom: 2 * $base;
}
p.lede, blockquote {
font-weight: 300;
font-size: 3.8 * $base;
line-height: 5 * $base;
border-left: 6px solid #ccc;
max-width: 650px;
margin: 4 * $base 0;
padding: $base 0 $base 3 * $base;
}
p.lede {
padding: 0;
border:none;
}
h2 {
font-size: 3.25 * $base;
line-height: 4 * $base;
margin: 6 * $base 0 2 * $base;
}
a {
border-color: #333;
color: #333;
font-weight: bold;
}
a:hover {
background: #333;
color: #fff;
border-color: #333;
}
.img-side-fixed {
position: fixed;
right: 55%;
top:0;
margin: 0;
}
@media (max-width: 850px) {
body {
padding: 0;
}
img.img-side-fixed {
position: relative;
right: auto;
margin-top: -500px;
width: 100%;
}
.container {
padding: 30px;
}
.column {
width: auto;
margin: 0;
}
h1 {
font-size: 6 * $base;
line-height: 5 * $base;
padding-top: 3 * $base;
}
p.lede, blockquote {
font-size: 3 * $base;
line-height: 4 * $base;
}
}
@media (max-width: 550px) {
.container {
padding: 20px;
}
img.img-side-fixed {
position: relative;
right: auto;
margin-top: -200px;
width: 100%;
}
blockquote {
padding-left: 20px;
}
}