preliminary work for old theme re-implementation
This commit is contained in:
parent
ee8bce1bd3
commit
8fc7eff67b
41 changed files with 456 additions and 415 deletions
|
@ -1,77 +0,0 @@
|
|||
:root {
|
||||
--thumb: 16rem;
|
||||
}
|
||||
#artworks {
|
||||
& ul {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(
|
||||
auto-fill,
|
||||
minmax(min(var(--thumb), 100%), 1fr)
|
||||
);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: var(--pad-l);
|
||||
}
|
||||
|
||||
& h2 {
|
||||
margin: var(--pad-xl) 0;
|
||||
font-size: var(--pad-xl);
|
||||
|
||||
&:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
& a {
|
||||
display: block;
|
||||
text-decoration: unset;
|
||||
border-radius: var(--round);
|
||||
& figure {
|
||||
border-radius: inherit;
|
||||
margin: 0;
|
||||
padding: var(--pad-sm);
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
& img {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: var(--thumb);
|
||||
border-bottom: unset;
|
||||
object-fit: contain;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
& figcaption {
|
||||
font-family: Urbanist, sans-serif;
|
||||
font-size: var(--pad-lm);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#art {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
h3 {
|
||||
font-family: "Urbanist", sans-serif;
|
||||
}
|
||||
& section:has(a:nth-child(n + 2)) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: var(--pad-l);
|
||||
}
|
||||
& section {
|
||||
margin: var(--pad-l) 0;
|
||||
& a {
|
||||
display: flex;
|
||||
height: max-content;
|
||||
border-radius: var(--round);
|
||||
flex-direction: column;
|
||||
max-width: calc(var(--post) - var(--view));
|
||||
}
|
||||
}
|
||||
& time {
|
||||
display: flex;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue