added palette
This commit is contained in:
+2
-2
@@ -584,8 +584,8 @@ a {
|
|||||||
width: 80px;
|
width: 80px;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 1px solid var(--color-border);
|
box-shadow: 0 0 0 3px color-mix(in srgb, var(--swatch-color) 40%, white),
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
0 2px 8px rgba(0, 0, 0, 0.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__name {
|
&__name {
|
||||||
|
|||||||
@@ -156,7 +156,7 @@
|
|||||||
<div class="palette">
|
<div class="palette">
|
||||||
{% for swatch in config.extra.palette %}
|
{% for swatch in config.extra.palette %}
|
||||||
<div class="palette__item">
|
<div class="palette__item">
|
||||||
<div class="palette__circle" style="background-color: {{ swatch.color }}"></div>
|
<div class="palette__circle" style="--swatch-color: {{ swatch.color }}; background-color: {{ swatch.color }}"></div>
|
||||||
<span class="palette__name">{{ swatch.name }}</span>
|
<span class="palette__name">{{ swatch.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|||||||
Reference in New Issue
Block a user