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

96 lines
1.5 KiB
SCSS
Raw Normal View History

2022-06-12 13:50:06 +02:00
article {
2022-06-15 23:41:50 +02:00
.article_content {
word-break: normal;
}
2022-06-15 23:01:22 +02:00
.article_image {
2022-06-12 19:27:57 +02:00
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin-bottom: 1.5rem;
2022-06-15 23:01:22 +02:00
width: 80vw;
margin-left: auto;
margin-right: auto;
2022-06-15 01:49:15 +02:00
img {
2022-06-15 23:01:22 +02:00
width: 80vw;
2022-06-15 01:49:15 +02:00
}
&> a {
display: inherit;
justify-content: inherit;
flex-direction: inherit;
align-items: inherit;
margin-bottom: inherit;
}
2022-06-12 13:50:06 +02:00
}
.articlemeta {
margin-top: 1rem;
margin-bottom: .5rem;
&:first-child {
font-weight: bold;
}
}
2022-06-12 19:27:57 +02:00
p {
margin-top: 2rem;
margin-bottom: 2rem;
2022-06-15 01:49:15 +02:00
}
.toc {
2022-06-15 03:11:21 +02:00
padding-left: 0;
padding-bottom: .4rem;
margin-top: 1rem;
.toc-head {
margin-top: 1rem;
margin-right: 1rem;
margin-bottom: 1rem;
margin-left: 0;
font-size: 1.35rem;
}
ul { padding-left: 0;}
li { list-style: none; margin-bottom: .1rem; margin-left: 1rem;}
2022-06-12 19:27:57 +02:00
}
2022-06-12 13:50:06 +02:00
}
2022-06-16 20:40:09 +02:00
2022-06-12 13:50:06 +02:00
.article_footer {
2022-06-12 14:25:37 +02:00
font-size: 60%;
2022-06-12 13:50:06 +02:00
display: flex;
flex-direction: column;
2022-06-12 15:12:58 +02:00
align-items: center;
2022-06-12 13:50:06 +02:00
margin-top: 1rem;
2022-06-12 15:12:58 +02:00
.bold {
font-weight: bold;
margin-right: .4em;
}
.foundations_items {
2022-06-12 14:32:09 +02:00
display: flex;
margin-bottom: 1em;
2022-06-12 15:12:58 +02:00
img {
margin-right: .4rem;
max-height: 4rem;
}
2022-06-12 14:32:09 +02:00
}
2022-06-12 15:12:58 +02:00
.mod_times {
2022-06-12 13:50:06 +02:00
display: flex;
flex-direction: column;
2022-06-12 15:12:58 +02:00
.mod_times_item {
display: flex;
2022-06-12 13:50:06 +02:00
}
}
}
2022-06-12 15:12:58 +02:00
@media (min-width: 640px) {
.article_footer {
align-items: flex-start;
}
2022-06-15 17:49:45 +02:00
article {
2022-06-15 23:01:22 +02:00
.article_image {
width: 55vw;
margin-left: auto;
margin-right: auto;
2022-06-15 17:49:45 +02:00
img {
2022-06-15 23:01:22 +02:00
width: 55vw;
2022-06-15 17:49:45 +02:00
}
}
}
2022-06-12 15:12:58 +02:00
}