Foster Hangdaan
1b1482a8d9
Previously, the entire main content was fitted inside one element. Now, each section and container handle their own paddings and margins. This allows for more flexibility as to how each container can be styled.
79 lines
1.3 KiB
SCSS
79 lines
1.3 KiB
SCSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
body {
|
|
color: var(--color-fg);
|
|
background: var(--color-bg);
|
|
transition: color 0.5s, background-color 0.5s;
|
|
font-family: Ubuntu Nerd Font, Ubuntu, Inter, -apple-system, BlinkMacSystemFont, sans-serif;
|
|
font-size: var(--text-base);
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-links);
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
|
|
ol, ul {
|
|
list-style: disc;
|
|
li {
|
|
margin-bottom: 0.4rem;
|
|
&:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
hr {
|
|
height: 1px;
|
|
background-color: var(--color-black);
|
|
border: none;
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: var(--color-blue);
|
|
font-weight: bold;
|
|
}
|
|
|
|
section {
|
|
padding: 1rem;
|
|
margin: 0 auto;
|
|
max-width: var(--page--max-width);
|
|
& > * {
|
|
margin-bottom: 1rem;
|
|
}
|
|
& > *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
pre {
|
|
padding: 1rem;
|
|
border-radius: 5px;
|
|
display: block;
|
|
background-color: var(--color-bg--layer-01);
|
|
overflow: auto;
|
|
page-break-inside: avoid;
|
|
word-wrap: break-word;
|
|
font-family: CaskaydiaCove Nerd Font Mono, monospace;
|
|
code {
|
|
font-family: CaskaydiaCove Nerd Font Mono, monospace;
|
|
}
|
|
}
|
|
|
|
.inline {
|
|
display: inline;
|
|
}
|