The CSS layout config of the FOSSEON blog hosted on Listed.
---
metatype: css
---
@media (prefers-color-scheme: dark) {
:root {
--border: 1px solid hsla(0, 0%, 100%, 0.16);
--color-default: #000000;
--color-primary: #9F1AFB;
--color-primary-opacity-8: rgba(147, 192, 255, 0.08);
--color-neutral: #000000;
--color-neutral-darker: #9F1AFB;
--color-contrast: #FFFFFF;
--color-contrast-opacity-8: hsla(0, 0%, 100%, 0.08);
--color-contrast-opacity-16: hsla(0, 0%, 100%, 0.16);
--color-contrast-opacity-36: hsla(0, 0%, 100%, 0.36);
--color-contrast-opacity-86: hsla(0, 0%, 100%, 0.86);
--post-code-background-color: #9F1AFB;
--post-code-border-color: #9F1AFB;
}
}
@media (min-width: 992px) {
.header-author-info__items {
flex-direction: column;
}
.header-image-container {
width: 51%;
min-width: 0%;
margin-right: unset;
margin-bottom: inherit;
height: 150px;
}
}
Documentation on how to stylize your Listed blog, by Standard Notes.