hugo-battheme/assets/scss/layout.scss
2022-04-12 23:13:48 +02:00

114 lines
1.5 KiB
SCSS

$footer-height: 42pt;
html,
body {
height: 100%;
flex: auto;
}
footer {
height: $footer-height;
position: sticky;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
}
#content {
min-height: calc(100% - 42pt * 3);
right: auto;
margin-bottom: 84pt;
}
#content p,
#content ul,
#content ol,
#content table {
margin-right: 24%;
margin-left: 24%;
}
#footer-left {
margin-top: auto;
margin-bottom: auto;
margin-left: 24pt;
justify-self: left;
margin-right: auto;
display: inline-flex;
}
#footer-right {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
justify-self: right;
margin-right: 24pt;
align-content: center;
display: inline-flex;
}
#footer-center {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
justify-content: center;
justify-self: center;
display: inline-flex;
}
* {
padding: 0;
margin: 0;
}
#footer-right * {
display: flex;
margin-top: auto;
margin-bottom: auto;
}
#footer-center * {
display: flex;
margin-right: 8pt;
margin-left: 8pt;
margin-top: auto;
margin-bottom: auto;
justify-content: center;
align-items: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-right: 6%;
padding-top: 12pt;
padding-bottom: 12pt;
margin-right: 6%;
justify-content: right;
display: flex;
align-items: center;
}
h2,
h3,
h4,
h5,
h6 {
margin-top: 1em;
margin-bottom: 1em;
}
article {
margin-inline: auto;
}
.titlecontainer {
width: 100%;
padding-top: 42pt;
}