My space on the web https://inhji.de
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.
 
 
 
 
 

114 lines
1.6 KiB

.content.html {
margin-bottom: 2rem;
&:last-child {
margin-bottom: 0;
}
a {
@include color-assign(color, primary);
}
h1 {
font-size: 1.3rem;
}
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 $border-base;
@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 $border-base;
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;
@include color-assign(background-color, surface-var);
margin-bottom: 1rem;
}
blockquote {
position: relative;
font-size: 1.1rem;
font-style: italic;
&:after {
@include color-assign(color, primary);
position: absolute;
content: "";
font-size: 5rem;
line-height: 0;
bottom: -10px;
right: 20px;
}
}
pre {
overflow: auto;
@include color-assign(background-color, surface-dark);
}
code.inline {
background-color: var(--color-surface-var);
padding: 3px;
}
.footnote {
vertical-align: super;
font-size: 75%;
}
}