@getbase/typography
Version:
Base Typography
130 lines (106 loc) • 2.29 kB
CSS
/* ==========================================================================
// Base Typography - http://getbase.org
// Author: Matthew Hartman - http://www.matthewhartman.com.au/
// Version: 4.1.1 - Last Updated: April 14, 2019
========================================================================== */
body {
font-family: sans-serif;
font-size: 16px;
line-height: 22px;
color: #000;
font-weight: 400;
background: #fff; }
p {
margin: 0 0 20px 0; }
a {
color: #000;
text-decoration: underline;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #000;
outline-width: 0;
text-decoration: none; }
a:active {
color: #000; }
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
margin: 0 0 .5em 0; }
h1, .fs-1 {
font-size: 32px;
line-height: 38px; }
h2, .fs-2 {
font-size: 26px;
line-height: 32px; }
h3, .fs-3 {
font-size: 22px;
line-height: 28px; }
h4, .fs-4 {
font-size: 18px;
line-height: 24px; }
h5, .fs-5 {
font-size: 16px;
line-height: 22px; }
h6, .fs-6 {
font-size: 14px;
line-height: 20px; }
h1 {
color: #000;
font-weight: 700; }
h2 {
color: #000;
font-weight: 700; }
h3 {
color: #000;
font-weight: 700; }
h4 {
color: #000;
font-weight: 700; }
h5 {
color: #000;
font-weight: 700; }
h6 {
color: #000;
font-weight: 700; }
b, strong, .strong {
font-weight: 700; }
em, .em {
font-style: italic; }
hr, .hr {
height: 1px;
background: #eee;
border: 0;
margin-top: 20px;
margin-bottom: 20px; }
code, .code, kbd, .kbd, pre, .pre, samp, .samp {
font-family: monospace, monospace;
font-size: 13px;
line-height: 18px;
word-wrap: break-word;
color: #000;
background-color: #f7f7f7;
font-weight: normal;
padding: 0;
white-space: pre-wrap; }
pre, .pre {
padding: 10px 0;
overflow: auto;
border: 1px solid #e7e7e7; }
blockquote,
.blockquote {
font-family: sans-serif;
font-style: italic;
margin: 20px 0; }
blockquote p,
.blockquote p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
margin-bottom: 20px; }
blockquote cite,
.blockquote cite {
font-size: 15px;
line-height: 15px;
font-weight: 700;
font-style: normal; }
/*# sourceMappingURL=index.css.map*/