Sha256: 42c00bc163dd10c6a33c5134ca304617e8fc01c934653283611f01627f2707f3
Contents?: true
Size: 1.04 KB
Versions: 27
Compression:
Stored size: 1.04 KB
Contents
@import "./highlight_github_light.css";
@layer components {
[data-component="code"] {
@apply text-sm px-4 overflow-x-hidden;
& .line {
min-height: 1.625em;
@apply leading-relaxed;
}
& .code {
@apply overflow-x-auto overflow-y-hidden py-4;
}
/* Line numbers */
&.numbered {
@apply p-0;
& .wrapper {
grid-template-columns: min-content 1fr;
@apply grid h-full w-full relative;
}
& .line-numbers {
width: min-content;
@apply bg-white border-r border-dashed border-lookbook-divider z-10 h-full p-3 select-none text-gray-400 text-right;
}
& .line-number {
min-width: 1.4em;
@apply text-xs block pt-[4px];
}
& .code {
@apply py-3;
}
& .code .line {
@apply px-3;
}
}
/* Focusing on specific lines */
&.focussed {
& .line:not(.highlighted) {
@apply !opacity-30;
}
& .code .line.highlighted {
@apply bg-yellow-50;
}
}
}
}
Version data entries
27 entries across 27 versions & 1 rubygems