hugo-battheme/assets/scss/style.scss

153 lines
2.1 KiB
SCSS
Raw Normal View History

2022-04-12 21:13:48 +00:00
$radius: 48pt;
2022-04-10 14:55:46 +00:00
$toggle-width: 42pt;
$toggle-height: 24pt;
2022-04-11 20:44:06 +00:00
* {
2022-04-13 17:04:38 +00:00
border-width: 2pt;
}
2022-04-13 14:00:22 +00:00
2022-04-13 17:04:38 +00:00
input[type="checkbox"] {
cursor: pointer;
2022-04-10 14:55:46 +00:00
}
2022-04-13 17:04:38 +00:00
.toggleinput {
opacity: 0;
max-height: 0;
max-width: 0;
overflow: hidden;
2022-04-10 14:55:46 +00:00
}
2022-04-13 17:04:38 +00:00
.togglelabel {
width: $toggle-width;
height: 24pt;
border-radius: $radius;
cursor: pointer;
align-items: center;
display: flex;
2022-04-10 14:55:46 +00:00
}
2022-04-29 18:59:32 +00:00
img, iframe {
2022-04-29 12:44:36 +00:00
border-style: solid;
}
2022-04-13 17:04:38 +00:00
.togglelabel::after {
left: calc(100% - 67pt);
content: "";
position: absolute;
height: 20pt;
width: 20pt;
border-width: 1pt;
border-radius: 100pt;
transition: 1s;
display: inline-block;
vertical-align: middle;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
content: "";
border-style: solid;
2022-04-29 18:59:32 +00:00
padding: 0;
2022-04-10 14:55:46 +00:00
}
2022-04-13 17:04:38 +00:00
input:checked + label:after {
left: calc(100% - 49pt);
2022-04-10 14:55:46 +00:00
}
2022-04-13 17:04:38 +00:00
input:checked + label::after {
content: "";
2022-04-10 14:55:46 +00:00
}
2022-04-11 20:44:06 +00:00
2022-04-15 21:49:55 +00:00
.footer-nav-item,
button{
2022-04-13 17:04:38 +00:00
border-radius: 100%;
height: 1em;
width: 1em;
justify-content: center;
align-items: center;
border-style: solid;
2022-04-15 21:49:55 +00:00
cursor: pointer;
2022-04-11 20:44:06 +00:00
}
2022-05-27 15:11:36 +00:00
#replacement-burger{
width: 24pt;
height: 24pt;
}
2022-04-13 17:04:38 +00:00
.togglelabel {
border: solid;
2022-04-11 20:44:06 +00:00
}
2022-04-12 21:13:48 +00:00
2022-04-13 17:04:38 +00:00
h1,
h2,
h3,
h4,
h5,
h6 {
border-top-right-radius: $radius;
border-bottom-right-radius: $radius;
2022-04-18 09:07:06 +00:00
& .uplink {
&:hover {
&::before {
content: "";
}
}
}
2022-04-18 08:42:54 +00:00
& .with-rss {
&:hover {
&::before {
content: "";
}
}
}
& .singlepagelink {
&:hover {
&::before{
content: "./";
}
}
}
2022-04-13 17:04:38 +00:00
& .hash-link {
&:hover {
cursor: pointer;
&::before {
content: "";
}
}
}
2022-04-12 21:13:48 +00:00
}
2022-04-13 17:04:38 +00:00
.postdescription,
2022-05-27 15:11:36 +00:00
#content nav,
2022-04-12 21:13:48 +00:00
#content p,
#content ul,
#content ol,
#content table {
2022-04-13 17:04:38 +00:00
border-left-style: solid;
border-width: 0.24em;
padding-left: 2em;
2022-04-12 21:13:48 +00:00
}
2022-04-15 17:24:57 +00:00
p a,
.postdescription a,
ul a{
border-style: solid;
padding: 0.12em;
}
2022-04-16 13:27:19 +00:00
#hamburger-bg {
& .hamburger-nav-item {
border-style: solid;
padding: 0.12em;
}
}
2022-04-16 20:01:53 +00:00
.randomword-button {
border-style: solid;
padding: 0.12em;
border-radius: 0;
&::before {
content: "";
}
}