bunteshaus.de/themes/buha/assets/scss/scss.scss
2022-05-09 21:37:34 +02:00

110 lines
2.2 KiB
SCSS

:root {
--max-width: 1024px; }
#container {
background: var(--background);
}
header {
position: fixed;
width: 100%;
max-width: var(--max-width);
background: var(--background);
}
.headerinner {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
padding: .2rem;
padding-right: .7rem;
padding-bottom: .5rem;
a {
color: white;
margin-left: .8rem;
margin-top: .5rem;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 1), 1px 2px 3px rgba(0, 0, 0, 1);
text-decoration: none;
}
img {
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
}
}
.banner {
padding-top: 6rem;
display: flex;
justify-content: center;
align-items: center;
/* Set a specific height */
height: 30vh;
/* Position and center the image to scale nicely on all screens */
background-position: top;
background-repeat: no-repeat;
background-size: auto 100vh;
background-attachment: fixed;
h1 {
color: white;
text-shadow: 0px 3px 32px rgba(0, 0, 0, 1), 0px 3px 32px rgba(0, 0, 0, 1);
font-size: 350%;
}
}
main {
display: flex;
padding-right: 1rem;
.content_intro {
text-align: center; margin-top: 3.5rem; margin-bottom: 3.5rem;
a { color: var(--text-bright); }
}
.index_section { padding: 1rem;
a { text-decoration: none; }
}
h3 {
margin-bottom: .5rem;
}
.articlemeta {
margin-bottom: .6rem;
&:first-child {
font-weight: bold;
}
}
.article_list_section {
margin-bottom: 6rem;
}
.articlecontent {
padding-left: .8rem;
}
.articletitle {
padding-left: .4rem;
font-size: 110%;
}
}
article, .article_footer {
padding-left: 1rem;
}
article {
margin-top: 1.5rem;
min-height: 33rem;
}
@media only screen and (min-width: 600px) {
main {
.content_intro {
font-size: 130%;
}
.index_lists {
display: flex; flex-wrap: wrap; justify-content: space-around;
.index_section { max-width: 42%; }
}
}
}