Sha256: 271bb200eb70ef889c11a6adcd96ddf666cb1d87eeb7df3034a84ec5d085b16d
Contents?: true
Size: 1.8 KB
Versions: 15
Compression:
Stored size: 1.8 KB
Contents
.author {
@apply flex items-center [&>*:not(:first-child)]:pl-5 [&>*:not(:last-child)]:pr-6 divide-gray-3 divide-x text-sm text-gray-2;
&__container {
@apply flex items-center gap-2.5 first:[&>*]:flex-none;
> :last-child {
@apply flex flex-col [&>*]:grow;
}
}
&__avatar {
@apply w-full h-full object-cover;
&-container {
@apply rounded-full overflow-hidden inline-block w-6 h-6 align-top;
}
&-counter {
@apply -ml-4 rounded-full overflow-hidden inline-grid w-6 h-6 bg-background place-items-center text-secondary text-xs font-semibold;
}
}
&__container.is-compact &__avatar-container {
@apply w-8 h-8;
}
&__container.is-compact &__name {
@apply text-secondary font-semibold;
}
&__metadata {
@apply flex items-center gap-1 text-gray-2 text-sm;
> svg {
@apply text-gray fill-current flex-none;
}
}
&__tooltip {
@apply grid grid-cols-[1fr_max-content] gap-6 odd:[&>*]:place-self-start even:[&>*]:place-self-end z-50;
/* overwrite default styles */
&[role="tooltip"] {
@apply max-w-max;
}
&-links {
@apply flex flex-col items-end justify-evenly h-full whitespace-nowrap text-sm hover:[&>*]:underline;
}
}
&__tooltip &__avatar-container {
@apply w-10 h-10 border-2 border-white hover:border-tertiary;
}
&__tooltip &__name {
@apply text-white text-lg font-bold hover:underline;
}
&__coauthors {
@apply flex flex-wrap items-center gap-2;
&[aria-hidden="false"] + [id$="trigger"] span:last-child,
&[aria-hidden="true"] + [id$="trigger"] span:first-child {
@apply first-letter:lowercase block;
}
&[aria-hidden="false"] + [id$="trigger"] span:first-child,
&[aria-hidden="true"] + [id$="trigger"] span:last-child {
@apply hidden;
}
}
}
Version data entries
15 entries across 15 versions & 1 rubygems