Sha256: 31350646452347ab73e5b8af0c81b5d23cbdbb2d391555e0996cfef9b258dca7
Contents?: true
Size: 1.96 KB
Versions: 10
Compression:
Stored size: 1.96 KB
Contents
// Variables
//------------------------------------------------------
$body-font-color: $darkgray-dark !default;
$body-background-color: $white !default;
$link-font-color: $aqua-dark !default;
$link-font-color-hover: $aqua-light !default;
$blockquote-border-color: $mediumgray-light !default;
$image-radius: 4px !default;
// Exports
//------------------------------------------------------
@include exports("typography") {
/**
* typography
* --------------------------------------------------
*/
body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
// font-family: 'Lato', sans-serif;
color: $body-font-color;
background-color: $body-background-color;
}
a {
color: $link-font-color;
text-decoration: none;
&:hover,
&:focus {
color: $link-font-color-hover;
text-decoration: none;
}
&:focus {
outline: none;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 700;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
color: #e7e9ec;
}
h1,
h2,
h3 {
margin-top: 30px;
margin-bottom: 15px;
}
h4,
h5,
h6 {
margin-top: 15px;
margin-bottom: 15px;
}
h6 {
font-weight: normal;
}
h1,
.h1 {
font-size: 51px;
}
h2,
.h2 {
font-size: 43px;
}
h3,
.h3 {
font-size: 30px;
}
h4,
.h4 {
font-size: 19px;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 14px;
}
blockquote {
border-left: 3px solid $blockquote-border-color;
}
.img-rounded {
@include radius($type: border-radius, $value: $image-radius);
}
.img-comment {
font-size: 15px;
line-height: 1.2;
font-style: italic;
margin: 24px 0;
}
}
Version data entries
10 entries across 10 versions & 1 rubygems