hugo-theme-re-terminal/assets/css/post.scss

149 lines
2.2 KiB
SCSS
Raw Permalink Normal View History

2022-06-21 13:50:51 +00:00
.index-content {
margin-top: 20px;
}
.framed {
2024-07-30 15:39:09 +00:00
border: 1px solid var(--accent);
2022-06-21 13:50:51 +00:00
padding: 20px;
*:first-child {
margin-top: 0;
}
*:last-child {
margin-bottom: 0;
}
}
.posts {
width: 100%;
}
.post {
width: 100%;
text-align: left;
margin: 20px auto;
padding: 20px 0;
&:not(:last-of-type) {
2024-07-30 15:39:09 +00:00
border-bottom: 1px solid var(--border-color);
2022-06-21 13:50:51 +00:00
}
&-meta {
font-size: 1rem;
margin-bottom: 10px;
color: color-mix(in srgb, var(--accent), transparent 30%);;
2023-06-09 22:27:17 +00:00
& > *:not(:first-child) {
&::before {
content: "::";
display: inline-block;
margin: 0 8px;
}
}
2022-06-21 13:50:51 +00:00
}
&-title {
--border: 3px dotted var(--accent);
2022-06-21 13:50:51 +00:00
position: relative;
2024-07-30 15:39:09 +00:00
color: var(--accent);
2022-06-21 13:50:51 +00:00
margin: 0 0 15px;
padding-bottom: 15px;
border-bottom: var(--border);
2022-06-21 13:50:51 +00:00
&:after {
content: '';
position: absolute;
bottom: 2px;
display: block;
width: 100%;
border-bottom: var(--border);
2022-06-21 13:50:51 +00:00
}
a {
text-decoration: none;
}
}
&-tags {
display: block;
margin-bottom: 20px;
font-size: 1rem;
opacity: .5;
a {
text-decoration: none;
}
}
&-content {
margin-top: 30px;
}
&-cover {
2024-07-30 15:39:09 +00:00
border: 20px solid var(--accent);
2022-06-21 13:50:51 +00:00
background: transparent;
margin: 40px 0;
padding: 20px;
2024-07-30 15:39:09 +00:00
@media (var(--phone)) {
2022-06-21 13:50:51 +00:00
padding: 10px;
border-width: 10px;
}
}
ul {
list-style: none;
li:not(:empty):before {
content: '-';
position: absolute;
left: -20px;
2024-07-30 15:39:09 +00:00
color: var(--accent);
2022-06-21 13:50:51 +00:00
}
}
}
.post--regulation {
h1 {
justify-content: center;
}
h2 {
justify-content: center;
margin-bottom: 10px;
& + h2 {
margin-top: -10px;
margin-bottom: 20px;
}
}
}
.hanchor {
color: color-mix(in srgb, var(--accent), transparent 10%);
2022-06-21 13:50:51 +00:00
text-decoration: none;
margin-left: 10px;
visibility: hidden;
}
h1:hover a, h2:hover a, h3:hover a, h4:hover a {
visibility: visible;
}
.footnotes {
color: color-mix(in srgb, var(--accent), transparent 50%);
2022-06-21 13:50:51 +00:00
}
2024-08-23 09:29:28 +00:00
figure:has(.post-cover) {
2024-08-23 11:40:21 +00:00
margin: 40px 0;
2024-08-23 11:38:32 +00:00
2024-08-23 09:29:28 +00:00
& > .post-cover {
margin: 0;
}
& > figcaption {
margin-top: 0;
}
}