33 lines
557 B
CSS
33 lines
557 B
CSS
/* responsive.css - Simple flexbox layout for the Mono theme */
|
|
|
|
/* Mobile layout adjustments */
|
|
@media (max-width: 768px) {
|
|
body.mono,
|
|
body.mono-all,
|
|
.mono-all body {
|
|
flex-direction: column;
|
|
}
|
|
|
|
aside.mono,
|
|
.mono-all aside {
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding: 0rem;
|
|
}
|
|
|
|
main.mono,
|
|
.mono-all main {
|
|
width: 100%;
|
|
padding: 1rem;
|
|
}
|
|
}
|
|
|
|
/* Simple print styles */
|
|
@media print {
|
|
aside {
|
|
display: none;
|
|
}
|
|
}
|