fix: catechesis SVG fill color and enlarge DE badge
Remove fill="currentColor" from book SVG path so it inherits the LinksGrid's nth-child fill colors. Increase DE badge size and offset.
This commit is contained in:
@@ -40,14 +40,14 @@
|
|||||||
}
|
}
|
||||||
.lang-badge {
|
.lang-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.4em;
|
top: 0.75em;
|
||||||
right: 0.4em;
|
right: 0.75em;
|
||||||
background: var(--nord10);
|
background: var(--nord10);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 0.6rem;
|
font-size: 0.8rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
padding: 0.15em 0.4em;
|
padding: 0.2em 0.5em;
|
||||||
border-radius: 3px;
|
border-radius: 4px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.05em;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
@@ -106,7 +106,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
<a href="/{data.faithLang}/katechese" class="katechese-link">
|
<a href="/{data.faithLang}/katechese" class="katechese-link">
|
||||||
{#if isEnglish || isLatin}<span class="lang-badge">DE</span>{/if}
|
{#if isEnglish || isLatin}<span class="lang-badge">DE</span>{/if}
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -226 532 506"><path d="M256-107v310l1-1c54-22 113-34 172-34h19v-320h-19c-42 0-84 8-123 25-17 7-34 14-50 20zm-25-79 25 10 25-10c47-20 97-30 148-30h35c27 0 48 22 48 48v352c0 27-21 48-48 48h-35c-51 0-101 10-148 30l-13 5c-8 3-16 3-24 0l-13-5c-47-20-97-30-148-30H48c-26 0-48-21-48-48v-352c0-26 22-48 48-48h35c51 0 101 10 148 30z" fill="currentColor"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -226 532 506"><path d="M256-107v310l1-1c54-22 113-34 172-34h19v-320h-19c-42 0-84 8-123 25-17 7-34 14-50 20zm-25-79 25 10 25-10c47-20 97-30 148-30h35c27 0 48 22 48 48v352c0 27-21 48-48 48h-35c-51 0-101 10-148 30l-13 5c-8 3-16 3-24 0l-13-5c-47-20-97-30-148-30H48c-26 0-48-21-48-48v-352c0-26 22-48 48-48h35c51 0 101 10 148 30z"/></svg>
|
||||||
<h3>Katechese</h3>
|
<h3>Katechese</h3>
|
||||||
</a>
|
</a>
|
||||||
</LinksGrid>
|
</LinksGrid>
|
||||||
|
|||||||
Reference in New Issue
Block a user