Sha256: 1df33a824b292c1ed34fb05e934697e634a9cd55dabc1a5396c8559a88504abe
Contents?: true
Size: 1.67 KB
Versions: 13
Compression:
Stored size: 1.67 KB
Contents
.component__show {
&_header {
@apply flex items-center pb-4 border-b border-gray mb-4 gap-x-2;
&-title {
@apply text-xl font-bold inline-block;
}
}
&_nav {
@apply flex items-center mb-8;
&-circle {
@apply w-10 h-10 rounded-full relative border-2 border-white bg-background;
svg {
@apply w-6 h-6 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 fill-secondary;
}
}
&-author {
@apply flex items-center gap-x-4;
&-title {
@apply font-semibold text-gray-2 text-md list-none;
}
&-date {
@apply text-gray-2 text-xs;
}
}
}
&-title {
@apply font-semibold text-gray-2 text-xs;
}
&-text {
@apply text-gray-2 text-md;
}
.card-section {
@apply rounded p-4;
}
&_grid {
@apply grid grid-cols-[75%_25%] gap-x-4;
&-item {
.card-section:not(:last-child) {
@apply mb-4;
}
.component__show-icon-text {
@apply text-gray-2 text-sm;
}
svg {
@apply w-3.5 h-3.5 fill-gray;
}
}
}
&_notes {
&-grid {
@apply grid grid-cols-2 gap-4 my-4;
.comment {
@apply p-4 rounded;
background-color: rgba(255, 252, 238, 1);
}
}
}
.card-divider-button {
@apply flex-none flex items-center justify-start w-full;
svg {
@apply inline-block w-6 h-6;
}
&[aria-expanded="true"] {
@apply border-solid border-b border-gray w-full rounded-none pb-3;
svg {
@apply rotate-90 transition-transform;
}
}
}
.card-title {
@apply font-semibold text-md text-left inline-block text-secondary;
}
}
Version data entries
13 entries across 13 versions & 1 rubygems