67 lines
1.1 KiB
CSS
67 lines
1.1 KiB
CSS
.link-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: grid;
|
|
row-gap: 10px;
|
|
|
|
.button {
|
|
display: flex;
|
|
font: var(--font-body-bold);
|
|
transition: transform 200ms;
|
|
border: solid 1px #00000022;
|
|
|
|
&:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 2px 10px -8px #0009;
|
|
}
|
|
}
|
|
|
|
.button:not(.is-primary) {
|
|
background: var(--bg-color);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
fill: currentColor;
|
|
}
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
.link-list .button {
|
|
border: solid 1px #FFFFFF16;
|
|
}
|
|
}
|
|
|
|
.icon-list {
|
|
list-style: none;
|
|
margin: 0 0 min(5vh, 100px);
|
|
padding: 0;
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: center;
|
|
|
|
svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.button {
|
|
display: flex;
|
|
font: var(--font-body-bold);
|
|
transition: transform 200ms;
|
|
|
|
&:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 2px 10px -8px #0009;
|
|
}
|
|
}
|
|
|
|
.button:not(.is-primary) {
|
|
background: var(--bg-color);
|
|
color: var(--text-color);
|
|
}
|
|
} |