You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

117 lines
1.7 KiB

.content.html {
margin-bottom: 2rem;
&:last-child {
margin-bottom: 0;
}
a {
@include color-assign(color, primary-inverse);
}
h1 { font-size: 1.4rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.9rem; text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 {
margin-top: 2rem;
&:first-child {
margin-top: 0;
}
}
p {
margin-bottom: 0.5rem;
&:last-child {
margin-bottom: 0;
}
}
dl {
dt { font-weight: bold; }
dd { margin-bottom: 1rem; }
}
hr {
color: transparent;
height: 0;
width: 100%;
border-top: 1px solid white;
@include color-assign(border-color, surface-var);
margin: 2rem 0;
}
ul, ol {
margin-left: 2rem;
}
ul {
list-style-type: disc;
margin-bottom: 1rem;
}
table {
width: 100%;
overflow-x: auto;
td, th {
border: 1px solid white;
border-width: 0 0 1px;
@include color-assign(border-color, on-surface);
padding: .5em .75em;
vertical-align: top;
}
thead th {
border-width: 0 0 2px;
}
tbody tr {
&:nth-child(odd) {
@include color-assign(background-color, surface);
}
}
}
blockquote, pre {
padding: 1rem;
margin-bottom: 1rem;
}
blockquote {
position: relative;
font-size: 1.1rem;
font-style: italic;
@include color-assign(background-color, surface-var);
&:after {
@include color-assign(color, primary);
position: absolute;
content: "";
font-size: 5rem;
line-height: 0;
bottom: -10px;
right: 20px;
}
}
pre {
overflow: auto;
}
code.inline {
background-color: var(--color-surface-var);
padding: 3px;
}
.footnote {
vertical-align: super;
font-size: 75%;
}
}