145 lines
1.9 KiB
SCSS
145 lines
1.9 KiB
SCSS
ul {
|
|
list-style: none;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
li {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
li p {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
/* Bonus space after last li */
|
|
//li:last-child {
|
|
// margin-bottom: 3rem;
|
|
//}
|
|
|
|
ul li::marker {
|
|
content: "> ";
|
|
color: var(--metaColor);
|
|
}
|
|
|
|
ul li:hover::marker {
|
|
content: ">> ";
|
|
font-weight: 1000;
|
|
color: var(--linkColor);
|
|
transition: 100ms;
|
|
}
|
|
|
|
|
|
.titleList li {
|
|
margin-bottom: .75rem;
|
|
}
|
|
|
|
|
|
blockquote {
|
|
border-left: .5rem solid var(--metaColor);
|
|
margin: 1rem;
|
|
padding: 0 0 0 1rem
|
|
}
|
|
|
|
|
|
textarea {
|
|
border: 2px dotted;
|
|
outline: 0;
|
|
resize: none;
|
|
overflow: auto;
|
|
background-color: var(--bgColor)
|
|
}
|
|
|
|
|
|
|
|
pre .wrap {
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
word-break: break-all;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
pre :not(.wrap) {
|
|
padding: 1rem;
|
|
font-style: monospace;
|
|
white-space: pre;
|
|
overflow: scroll;
|
|
display: block;
|
|
border: solid .2rem transparent;
|
|
transition: 150ms;
|
|
counter-reset: line;
|
|
}
|
|
|
|
pre:hover {
|
|
border: solid .2rem var(--lightBgColor);
|
|
}
|
|
|
|
pre span:first-of-type:before {
|
|
border-top: 1px dashed var(--lightBgColor);
|
|
}
|
|
|
|
pre span:before {
|
|
counter-increment: line;
|
|
content: counter(line, decimal-leading-zero);
|
|
display: inline-block;
|
|
border-right: 1px solid var(--lightBgColor);
|
|
border-bottom: 1px dashed var(--lightBgColor);
|
|
padding: 0 .5em;
|
|
margin-right: .5em;
|
|
color: #888
|
|
}
|
|
|
|
p code,
|
|
li code,
|
|
div code {
|
|
padding: 0 .2rem 0 .2rem;
|
|
border-radius: .3rem;
|
|
color: var(--codeFgColor);
|
|
background-color: var(--codeBgColor);
|
|
}
|
|
|
|
pre code {
|
|
padding: 0;
|
|
border-radius: 0;
|
|
color: inherit;
|
|
background-color: inherit;
|
|
}
|
|
|
|
|
|
table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: none;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 1rem;
|
|
line-height: 1.1
|
|
}
|
|
|
|
thead th:first-child {
|
|
width: 20%
|
|
}
|
|
|
|
td,
|
|
th {
|
|
text-align: left
|
|
}
|
|
|
|
th {
|
|
font-weight: 400
|
|
}
|
|
|
|
|
|
td,
|
|
th {
|
|
padding: .5rem;
|
|
border: dashed .1rem var(--metaColor)
|
|
}
|
|
|
|
.metaData,
|
|
hr,
|
|
textarea {
|
|
color: var(--metaColor)
|
|
}
|