oppi.li
1/* container for full-page content with sidebar on left */
2
3.flex-container {
4 display: flex !important;
5 gap: var(--page-spacing);
6 margin-top: var(--page-spacing);
7}
8
9/* small options menu on the left, used in settings/admin pages */
10.flex-container-nav {
11 width: 240px;
12}
13
14/* wide sidebar on the right, used in frontpage */
15.flex-container-sidebar {
16 width: 35%;
17}
18
19.flex-container-main {
20 flex: 1;
21 min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */
22}
23
24@media (max-width: 767.98px) {
25 .flex-container {
26 flex-direction: column;
27 }
28 .flex-container-nav,
29 .flex-container-sidebar {
30 order: -1;
31 width: auto;
32 }
33}