2018-02-25 23:02:09 +01:00
|
|
|
/* ============================================================================
|
2016-05-05 23:43:37 +02:00
|
|
|
Base CSS
|
2018-02-25 23:02:09 +01:00
|
|
|
============================================================================ */
|
2016-05-05 23:43:37 +02:00
|
|
|
|
|
|
|
body {
|
2018-02-26 22:46:36 +01:00
|
|
|
line-height: 1.5;
|
|
|
|
|
2018-02-25 20:12:18 +01:00
|
|
|
font-family: var(--font-family-text);
|
2020-02-08 15:49:07 +01:00
|
|
|
font-feature-settings: "kern" 1; // stylelint-disable-line plugin/no-unsupported-browser-features
|
|
|
|
font-kerning: normal; // stylelint-disable-line plugin/no-unsupported-browser-features
|
2017-01-09 17:50:45 +01:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2016-05-05 23:43:37 +02:00
|
|
|
}
|
|
|
|
|
2019-05-28 22:12:50 +02:00
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
2018-02-25 20:12:18 +01:00
|
|
|
font-family: var(--font-family-heading);
|
2016-05-23 20:09:15 +02:00
|
|
|
font-weight: 300;
|
2016-05-05 23:43:37 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 20:09:15 +02:00
|
|
|
.s-content {
|
2019-05-28 22:12:50 +02:00
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
2018-02-26 22:46:36 +01:00
|
|
|
cursor: text;
|
|
|
|
line-height: 1.4em;
|
|
|
|
margin: 2em 0 0.5em;
|
|
|
|
|
2019-05-28 22:12:50 +02:00
|
|
|
tt,
|
|
|
|
code {
|
2018-02-26 22:46:36 +01:00
|
|
|
font-size: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
i {
|
|
|
|
font-size: 0.7em;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
margin-top: 0;
|
|
|
|
font-size: var(--type-size-3);
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: var(--type-size-4);
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-size: var(--type-size-5);
|
|
|
|
}
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
font-size: var(--type-size-6);
|
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
font-size: var(--type-size-6);
|
|
|
|
}
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
font-size: var(--type-size-6);
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
small {
|
|
|
|
font-size: var(--type-size-6);
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin-bottom: 1.3em;
|
|
|
|
}
|
|
|
|
|
2019-05-28 22:12:50 +02:00
|
|
|
ul,
|
|
|
|
ol {
|
2018-02-26 22:46:36 +01:00
|
|
|
padding-left: 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul p {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul ul {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
dl {
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
dt {
|
|
|
|
font-weight: bold;
|
|
|
|
font-style: italic;
|
|
|
|
padding: 0;
|
|
|
|
margin: 15px 0 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
dt:first-child {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
dd {
|
|
|
|
margin: 0 0 15px;
|
|
|
|
padding: 0 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
margin: 0.75em 2em;
|
|
|
|
padding: 0.5em 1em;
|
|
|
|
font-style: italic;
|
|
|
|
border-left: 0.25em solid var(--blockquote-border-color);
|
|
|
|
|
|
|
|
cite {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
cite:before {
|
|
|
|
content: "\2014";
|
|
|
|
padding-right: 0.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
table {
|
|
|
|
width: 100%;
|
|
|
|
padding: 0;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
|
|
|
font-size: var(--type-size-6);
|
|
|
|
|
|
|
|
+ table {
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
tr {
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
background-color: white;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
tr:nth-child(2n) {
|
|
|
|
background-color: var(--lightest-gray);
|
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
font-weight: bold;
|
|
|
|
border: 1px solid var(--light-gray);
|
|
|
|
background: var(--lighter-gray);
|
|
|
|
margin: 0;
|
|
|
|
padding: 0.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
td {
|
|
|
|
border: 1px solid var(--lighter-gray);
|
|
|
|
margin: 0;
|
|
|
|
padding: 0.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ul,
|
|
|
|
ol,
|
|
|
|
blockquote,
|
|
|
|
dl dt,
|
|
|
|
dl dd,
|
|
|
|
table th,
|
|
|
|
table td {
|
|
|
|
> :first-child {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
> :last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
max-width: 100%;
|
|
|
|
display: block;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
code {
|
|
|
|
font-family: var(--font-family-monospace);
|
|
|
|
padding-top: 0.1rem;
|
|
|
|
padding-bottom: 0.1rem;
|
|
|
|
background: var(--code-tag-background-color);
|
|
|
|
border: 1px solid var(--light-gray);
|
|
|
|
border-radius: var(--code-tag-border-radius);
|
|
|
|
box-shadow: var(--code-tag-box-shadow);
|
|
|
|
|
|
|
|
&:before,
|
|
|
|
&:after {
|
|
|
|
letter-spacing: -0.2em;
|
|
|
|
content: "\00a0"; /* non-breaking space*/
|
|
|
|
}
|
|
|
|
}
|
2016-05-05 23:43:37 +02:00
|
|
|
|
|
|
|
pre {
|
2019-09-22 19:47:01 +02:00
|
|
|
background: #f5f2f0;
|
|
|
|
color: #333;
|
2018-02-26 22:46:36 +01:00
|
|
|
line-height: 1.5em;
|
|
|
|
overflow: auto;
|
2016-05-05 23:43:37 +02:00
|
|
|
border: none;
|
|
|
|
border-radius: 0;
|
2019-09-21 22:44:09 +02:00
|
|
|
padding: 0.75em 20px;
|
2018-02-26 22:46:36 +01:00
|
|
|
margin: 0 -20px 20px -20px;
|
|
|
|
|
|
|
|
code {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
white-space: pre;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2018-02-27 23:43:36 +01:00
|
|
|
code:before,
|
|
|
|
code:after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2019-05-28 22:12:50 +02:00
|
|
|
code,
|
|
|
|
tt {
|
2018-02-26 22:46:36 +01:00
|
|
|
background-color: transparent;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
u,
|
|
|
|
ins {
|
|
|
|
text-decoration: none;
|
|
|
|
border-bottom: 1px solid var(--text);
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
del a {
|
|
|
|
color: inherit;
|
2016-05-05 23:43:37 +02:00
|
|
|
}
|
|
|
|
}
|