Modrinth/assets/styles/layout.scss
Geometrically c06c3d48d2
Partial Mobile Support (#156)
* Add partial mobile support

* Remove file used for seperate PR

* Add mobile support for cookie consent, make dropdown close on page change
2021-04-10 22:51:10 -07:00

37 lines
570 B
SCSS

.columns {
display: flex;
@for $i from 1 through 5 {
.column-grow-#{$i} {
flex-grow: $i;
}
}
}
.rows {
display: flex;
flex-direction: column;
@for $i from 1 through 4 {
.row-grow-#{$i} {
flex-grow: $i;
}
}
}
.page-container {
margin: var(--spacing-card-lg);
.page-contents {
display: flex;
flex-direction: column;
.content {
width: 100%;
}
@media screen and (min-width: 1024px) {
flex-direction: row;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
}
}