This commit is contained in:
parent
0f20abe7c0
commit
3bc49202aa
2 changed files with 18 additions and 0 deletions
|
|
@ -1,3 +1,8 @@
|
||||||
|
<h2>Social</h2>
|
||||||
|
<card-container horizontal>
|
||||||
|
|
||||||
|
</card-container>
|
||||||
|
|
||||||
<details id="social" class="styled">
|
<details id="social" class="styled">
|
||||||
<summary><span class="icon tabler--universe"></span> Social <span class="icon tabler--arrow-autofit-height"></span></summary>
|
<summary><span class="icon tabler--universe"></span> Social <span class="icon tabler--arrow-autofit-height"></span></summary>
|
||||||
<section>
|
<section>
|
||||||
|
|
|
||||||
|
|
@ -318,6 +318,19 @@ details.cw[open] {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* card styling */
|
/* card styling */
|
||||||
|
card-container {
|
||||||
|
display: flex;
|
||||||
|
gap: .5rem;
|
||||||
|
|
||||||
|
.card {
|
||||||
|
background-color: ;
|
||||||
|
}
|
||||||
|
|
||||||
|
&[horizontal] {
|
||||||
|
flex-flow: row wrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
background-color: color-mix(in srgb, var(--background) 95%, white);
|
background-color: color-mix(in srgb, var(--background) 95%, white);
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue