bunteshaus.de/themes/buha/assets/scss/article.scss
2022-06-15 23:41:50 +02:00

94 lines
1.5 KiB
SCSS

article {
.article_content {
word-break: normal;
}
.article_image {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin-bottom: 1.5rem;
width: 80vw;
margin-left: auto;
margin-right: auto;
img {
width: 80vw;
}
&> a {
display: inherit;
justify-content: inherit;
flex-direction: inherit;
align-items: inherit;
margin-bottom: inherit;
}
}
.articlemeta {
margin-top: 1rem;
margin-bottom: .5rem;
&:first-child {
font-weight: bold;
}
}
p {
margin-top: 2rem;
margin-bottom: 2rem;
}
.toc {
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;}
}
}
.article_footer {
font-size: 60%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1rem;
.bold {
font-weight: bold;
margin-right: .4em;
}
.foundations_items {
display: flex;
margin-bottom: 1em;
img {
margin-right: .4rem;
max-height: 4rem;
}
}
.mod_times {
display: flex;
flex-direction: column;
.mod_times_item {
display: flex;
}
}
}
@media (min-width: 640px) {
.article_footer {
align-items: flex-start;
}
article {
.article_image {
width: 55vw;
margin-left: auto;
margin-right: auto;
img {
width: 55vw;
}
}
}
}