53 lines
No EOL
988 B
CSS
53 lines
No EOL
988 B
CSS
/* article cards styling */
|
|
|
|
.article-card {
|
|
background-color: var(--surface0);
|
|
border-radius: 20px;
|
|
padding: 1rem;
|
|
|
|
header {
|
|
h3, h3 a {
|
|
margin-top: unset !important;
|
|
margin-bottom: -.6rem;
|
|
}
|
|
|
|
h3 a {
|
|
color: var(--text);
|
|
text-decoration: unset;
|
|
}
|
|
|
|
h3 a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
p {
|
|
margin-top: .6rem;
|
|
}
|
|
}
|
|
|
|
p:last-child {
|
|
margin-bottom: unset !important;
|
|
}
|
|
|
|
.ph-bold.ph-caret-right{
|
|
font-size: .8rem;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tag {
|
|
background-color: var(--surface1);
|
|
padding: .2rem;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.wip {
|
|
background-color: color-mix(in srgb, var(--yellow) 20%, transparent);
|
|
color: var(--yellow);
|
|
padding: .2rem;
|
|
border-radius: 5px;
|
|
}
|
|
}
|
|
|
|
.article-card:not(:last-child) {
|
|
margin-bottom: 1rem;
|
|
} |