hugo-battheme/assets/scss/layout.scss

168 lines
2.2 KiB
SCSS
Raw Normal View History

2022-04-11 20:44:06 +00:00
$footer-height: 42pt;
2022-04-10 14:55:46 +00:00
html,
body {
height: 100%;
flex: auto;
2022-04-09 16:00:33 +00:00
}
footer {
2022-04-15 19:07:54 +00:00
min-height: $footer-height;
2022-04-10 14:55:46 +00:00
position: sticky;
display: flex;
align-items: center;
justify-content: center;
2022-04-10 16:52:13 +00:00
bottom: 0;
2022-04-09 16:00:33 +00:00
}
2022-04-10 14:55:46 +00:00
#content {
2022-04-11 20:44:06 +00:00
min-height: calc(100% - 42pt * 3);
2022-04-10 14:55:46 +00:00
right: auto;
2022-04-12 21:13:48 +00:00
margin-bottom: 84pt;
}
2022-04-16 20:01:53 +00:00
.randomword-button {
width: auto;
height: auto;
}
#content p,
#content ul,
#content ol,
2022-04-13 17:04:38 +00:00
#content table,
2022-04-13 20:03:32 +00:00
code,
2022-04-13 17:43:52 +00:00
.postdescription,
2022-04-16 20:01:53 +00:00
hr,
#content div .video-player
2022-04-13 12:16:11 +00:00
{
2022-04-12 21:13:48 +00:00
margin-right: 24%;
margin-left: 24%;
2022-04-09 16:00:33 +00:00
}
2022-04-13 20:03:32 +00:00
p code{
margin-left:0;
margin-right: 0;
}
2022-04-13 14:00:22 +00:00
#content ol ol,
#content ul ul{
margin-left: 0.12em;
}
2022-04-10 14:55:46 +00:00
#footer-left {
2022-04-10 19:57:17 +00:00
margin-top: auto;
margin-bottom: auto;
2022-04-10 14:55:46 +00:00
margin-left: 24pt;
justify-self: left;
margin-right: auto;
2022-04-10 19:57:17 +00:00
display: inline-flex;
2022-04-15 21:49:55 +00:00
align-items: center;
2022-04-10 14:55:46 +00:00
}
#footer-right {
2022-04-10 19:57:17 +00:00
margin-top: auto;
margin-bottom: auto;
2022-04-10 14:55:46 +00:00
margin-left: auto;
justify-self: right;
margin-right: 24pt;
align-content: center;
2022-04-10 19:57:17 +00:00
display: inline-flex;
2022-04-09 16:00:33 +00:00
}
2022-04-10 14:55:46 +00:00
#footer-center {
2022-04-10 19:57:17 +00:00
margin-top: auto;
margin-bottom: auto;
2022-04-10 14:55:46 +00:00
margin-left: auto;
margin-right: auto;
justify-content: center;
justify-self: center;
2022-04-10 19:57:17 +00:00
display: inline-flex;
2022-04-09 16:00:33 +00:00
}
* {
2022-04-10 14:55:46 +00:00
padding: 0;
margin: 0;
}
2022-04-12 21:13:48 +00:00
#footer-right * {
2022-04-10 14:55:46 +00:00
display: flex;
2022-04-10 19:57:17 +00:00
margin-top: auto;
margin-bottom: auto;
}
2022-04-12 21:13:48 +00:00
#footer-center * {
2022-04-10 19:57:17 +00:00
display: flex;
margin-right: 8pt;
margin-left: 8pt;
margin-top: auto;
margin-bottom: auto;
2022-04-11 20:44:06 +00:00
justify-content: center;
align-items: center;
2022-04-09 16:00:33 +00:00
}
2022-04-10 16:52:13 +00:00
2022-04-15 17:24:57 +00:00
.postinfo {
text-align: right;
}
2022-04-12 21:13:48 +00:00
h1,
h2,
h3,
h4,
h5,
h6 {
padding-right: 6%;
2022-04-13 17:19:58 +00:00
margin-right: 6%;
2022-04-12 21:13:48 +00:00
padding-top: 12pt;
padding-bottom: 12pt;
justify-content: right;
display: flex;
align-items: center;
2022-04-15 17:24:57 +00:00
text-align: right;
2022-04-12 21:13:48 +00:00
}
h2,
h3,
h4,
h5,
h6 {
margin-top: 1em;
2022-04-12 21:13:48 +00:00
margin-bottom: 1em;
}
2022-04-11 20:44:06 +00:00
article {
margin-inline: auto;
}
2022-04-12 21:13:48 +00:00
2022-04-15 17:24:57 +00:00
2022-04-13 17:04:38 +00:00
.titlecontainer,
header{
2022-04-12 21:13:48 +00:00
width: 100%;
padding-top: 42pt;
}
2022-04-15 21:49:55 +00:00
#hamburger-bg{
position: fixed;
width: 100%;
height: calc(100% - 42pt);
left: 0pt;
top: 0pt;
right: 0;
transition: 0s;
2022-04-16 11:18:22 +00:00
display: grid;
justify-content: center;
2022-04-16 14:19:16 +00:00
overflow: scroll;
2022-04-16 11:18:22 +00:00
& * {
display: grid;
2022-04-16 14:19:16 +00:00
margin-top: 2pt;
margin-bottom: 2pt;
2022-04-16 11:18:22 +00:00
text-align: center;
}
2022-04-16 13:27:19 +00:00
&.hidden{
display: none;
}
}
#darkmode-button-small {
margin-right: 8pt;
2022-04-15 21:49:55 +00:00
}