raymon
a798f58c7d
- article content with a max-width - index and post index page now contain articles - code sections are bordered, indented and padded - figure captions are centered along with the images - h2 margin is only removed on the post index page; page-link's - main with extra space at the bottom to allow scolling past content
71 lines
950 B
CSS
71 lines
950 B
CSS
:root {
|
|
--primary-color: #272736;
|
|
--text-color: #ffffeb;
|
|
|
|
/* Overriding DP DS */
|
|
--body-background: var(--primary-color);
|
|
--body-color: var(--text-color);
|
|
|
|
--nav-color: var(--primary-color);
|
|
--nav-background: var(--text-color);
|
|
|
|
--a-color: var(--text-color);
|
|
}
|
|
|
|
nav {
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
|
|
main {
|
|
padding-bottom: 12em;
|
|
}
|
|
|
|
article {
|
|
max-width: 1000px;
|
|
margin: auto;
|
|
}
|
|
|
|
pre {
|
|
padding: 1em;
|
|
padding-left: 2em;
|
|
border: solid;
|
|
border-radius: 1em;
|
|
border-width: 1px;
|
|
border-color: var(--text-color);
|
|
}
|
|
|
|
.figure > p {
|
|
text-align: center;
|
|
}
|
|
|
|
.question {
|
|
font-style: italic;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.0em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
.post-link {
|
|
margin: auto 0;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--primary-color: #ffffeb;
|
|
--text-color: #272736;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 420px) {
|
|
#app {
|
|
margin-left: 0vw;
|
|
margin-right: 0vw;
|
|
}
|
|
}
|