add links list style
This commit is contained in:
parent
100fd301ee
commit
0d60b9289f
4 changed files with 45 additions and 6 deletions
|
|
@ -32,6 +32,31 @@
|
|||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
[data-template="sectioned"] main section:nth-child(odd):not(:first-child) {
|
||||
background-color: var(--color-brown-light);
|
||||
/* Links list */
|
||||
[data-template="sectioned"] .links-list li {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 3fr 0.5fr;
|
||||
border-bottom: 1px solid #000;
|
||||
margin-bottom: 0.6rem;
|
||||
padding-bottom: 0.6rem;
|
||||
font-size: var(--font-size-s);
|
||||
}
|
||||
|
||||
[data-template="sectioned"] .links-list li p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
[data-template="sectioned"] .links-list li a {
|
||||
justify-self: end;
|
||||
}
|
||||
[data-template="sectioned"] .links-list li a::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
[data-template="sectioned"] .links-list li a::before {
|
||||
content: "→";
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue