sandvich.xyz/static/css/post-list.css

76 lines
1.2 KiB
CSS
Raw Normal View History

2022-09-12 19:20:07 -07:00
div.post-list {
width: 100%;
}
.post-item {
display: block;
margin: 8px;
width: 100%;
text-decoration: none;
font-size: 24px;
2022-10-30 19:47:39 -07:00
border: 1px var(--fg0) solid;
border-radius: 8px;
padding: 16px;
margin-bottom: 16px;
2022-09-12 19:20:07 -07:00
}
.post-item > span {
padding: 8px;
}
2022-10-30 19:47:39 -07:00
.post-item > .date {
2022-09-12 19:20:07 -07:00
color: var(--fg3);
font-family: var(--monospace);
2022-10-30 19:47:39 -07:00
font-size: 16px;
2022-09-12 19:20:07 -07:00
}
2022-09-18 19:55:02 -07:00
2022-10-30 19:47:39 -07:00
.post-item h1 {
position: relative;
2022-09-18 19:55:02 -07:00
color: var(--fg1);
2022-10-30 19:47:39 -07:00
padding: 0;
padding-bottom: 8px;
margin-top: 0;
}
.post-item h1 a {
text-decoration: none;
color: var(--fg0);
font-family: var(--display);
}
.post-item p {
margin-top: 8px;
margin-bottom: 0;
}
2023-07-04 01:35:55 -07:00
.post-item.more p {
background: -webkit-linear-gradient(var(--fg0) 50%, var(--bg0) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
2022-10-30 19:47:39 -07:00
.post-item h1 a:hover {
color: unset;
background-color: unset;
text-decoration: underline;
}
.tag-list li {
font-family: var(--monospace);
2022-09-18 19:55:02 -07:00
}
2023-07-04 01:35:55 -07:00
.post-item:hover .read-more-button {
opacity: 1;
transition-duration: 200ms;
}
.read-more-button {
opacity: 0;
position: absolute;
transition-duration: 200ms;
}
.read-more-button button {
vertical-align: middle;
}