127 lines
3.1 KiB
CSS

/**
* Ropa Sans
* Copyright 2011 Botjo Nikoltchev <nikoltchev@lettersoup.de>
* SIL Open Font License 1.1
* http://scripts.sil.org/OFL
*/
@font-face {
font-family: 'Ropa Sans';
font-style: normal;
font-weight: 400;
src: local('Ropa Sans'), local('RopaSans-Regular'), url('../fonts/ropasans-regular-1.002.woff2') format('woff2'), url('../fonts/ropasans-regular-1.002.woff') format('woff');
}
@font-face {
font-family: 'Ropa Sans';
font-style: italic;
font-weight: 400;
src: local('Ropa Sans Italic'), local('RopaSans-Italic'), url('../fonts/ropasans-italic-1.002.woff2') format('woff2'), url('../fonts/ropasans-italic-1.002.woff') format('woff');
}
/**
* Open Sans
* Digitized data copyright 2010-2011 Google Corporation
* Apache License 2.0
* http://www.apache.org/licenses/LICENSE-2.0.html
*/
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans-Regular'), url('../fonts/opensans-regular-1.10.woff2') format('woff2'), url('../fonts/opensans-regular-1.10.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans'), local('OpenSans-Bold'), url('../fonts/opensans-bold-1.10.woff2') format('woff2'), url('../fonts/opensans-bold-1.10.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/opensans-italic-1.10.woff2') format('woff2'), url('../fonts/opensans-italic-1.10.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans-bolditalic-1.10.woff2') format('woff2'), url('../fonts/opensans-bolditalic-1.10.woff') format('woff');
}
article.docs {
margin: 0 auto;
padding: 40px 150px;
max-width: 650px;
font-family: 'Open Sans';
font-size: 15px;
line-height: 25px;
}
article.docs h1,
article.docs h2,
article.docs h3,
article.docs h4,
article.docs h5,
article.docs h6 {
font-family: 'Ropa Sans';
font-weight: 400;
text-rendering: geometricPrecision;
color: rgb(60,60,60);
}
article.docs h1 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.035em;
}
article.docs h2 {
font-size: 28px;
line-height: 30px;
letter-spacing: -0.025em;
}
article.docs h3 {
font-size: 21px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: -0.018em;
}
article.docs h4 {
font-size: 19px;
line-height: 20px;
letter-spacing: -0.02em;
}
article.docs h5 {
font-size: 17px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: -0.01em;
}
article.docs h6 {
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
letter-spacing: -0.005em;
}
article.docs header .breadcrumbs {
font-size: 12px;
}
article.docs footer p {
font-style: italic;
}
article.docs p,
article.docs > ol,
article.docs > ul,
article.docs header .breadcrumbs,
article.docs footer p,
article.docs footer small {
margin: 1.33333em 0;
}