feat(docs): GitHub mirror icon, README-sourced doc sections, auto-generated TOC #129
@@ -20,7 +20,7 @@ const links = config.social || [];
|
|||||||
return (
|
return (
|
||||||
<a href={href} rel="me" class="sl-flex">
|
<a href={href} rel="me" class="sl-flex">
|
||||||
<span class="sr-only">{label}</span>
|
<span class="sr-only">{label}</span>
|
||||||
{customIcon ? <span class={`social-icon ${customIcon}`} aria-hidden="true" /> : <Icon name={icon} size="2em" />}
|
{customIcon ? <span class={`social-icon ${customIcon}`} aria-hidden="true" /> : <Icon name={icon} size="1.5em" />}
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
@@ -39,8 +39,12 @@ const links = config.social || [];
|
|||||||
color: var(--sl-color-white);
|
color: var(--sl-color-white);
|
||||||
}
|
}
|
||||||
.social-icon {
|
.social-icon {
|
||||||
width: 3rem;
|
/* !important: the i-pajamas:* class comes from UnoCSS, which emits
|
||||||
height: 3rem;
|
unlayered CSS. Unlayered rules always win over anything in a
|
||||||
|
@layer regardless of specificity or source order, so a plain
|
||||||
|
override here is silently ignored no matter how it's written. */
|
||||||
|
width: 3rem !important;
|
||||||
|
height: 3rem !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user