bunteshaus.de/themes/buha/assets/scss/main.scss

74 lines
1015 B
SCSS
Raw Normal View History

2022-06-12 13:50:06 +02:00
.page-intro {
text-align: center;
a { text-decoration: underline; }
margin-top: 3rem;
margin-bottom: 1rem;
padding-right: 1.1rem;
font-size: 150%;
}
2022-06-07 20:15:31 +02:00
main {
flex-grow: 1;
overflow: auto;
2022-06-12 13:50:06 +02:00
width: 98vw;
margin-left: auto;
margin-right: auto;
min-height: 90vh;
2022-06-08 00:38:13 +02:00
}
2022-06-12 13:50:06 +02:00
aside {
text-align: center;
}
2022-06-08 00:38:13 +02:00
2022-06-12 13:50:06 +02:00
.main_upper {
display: flex;
flex-direction: column;
2022-06-08 00:38:13 +02:00
}
2022-06-12 13:50:06 +02:00
2022-06-08 00:38:13 +02:00
@media (min-width: 640px) {
2022-06-12 13:50:06 +02:00
.main {
2022-06-08 00:38:13 +02:00
margin-left: auto;
margin-right: auto;
2022-06-12 13:50:06 +02:00
aside {
text-align: right;
min-width: 25%;
}
.main_upper {
flex-direction: row;
justify-content: space-between;
}
2022-06-08 00:38:13 +02:00
}
}
@media (min-width: 768px) {
2022-06-12 13:50:06 +02:00
.main {
2022-06-08 00:38:13 +02:00
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
2022-06-12 13:50:06 +02:00
2022-06-08 00:38:13 +02:00
}
@media (min-width: 1024px) {
2022-06-12 13:50:06 +02:00
.main {
2022-06-08 00:38:13 +02:00
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1280px) {
2022-06-12 13:50:06 +02:00
.main {
2022-06-08 00:38:13 +02:00
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1920px) {
2022-06-12 13:50:06 +02:00
.main {
2022-06-08 00:38:13 +02:00
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
2022-06-07 20:15:31 +02:00
}