blog_theme/assets/css/site/layout.css
2021-11-05 16:21:16 +08:00

30 lines
405 B
CSS

.site {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.site-content {
flex-grow: 1;
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 992px) {
.related-column {
order: 1;
}
.content-column {
order: 2;
}
.content-column.shift {
margin-left: 16.666667%;
}
.sidebar-column {
order: 3;
}
}