@slidev/theme-seriph
Version:
Seriph theme for Slidev
89 lines (69 loc) • 1.09 kB
CSS
:root {
--slidev-theme-primary: #5d8392;
}
.slidev-layout {
h1 {
color: var(--slidev-theme-primary);
}
h1 + p {
@apply -mt-2 opacity-50 mb-4;
}
p + h2, ul + h2, table + h2 {
@apply mt-10;
}
h1 {
@apply text-4xl mb-4 -ml-[0.05em];
}
h2 {
@apply text-3xl;
}
h3 {
@apply text-2xl;
}
h4 {
@apply text-xl;
}
h5 {
@apply text-base;
}
h6 {
@apply text-sm pt-1 uppercase tracking-widest font-500 -ml-[0.05em];
}
h6:not(.opacity-100) {
@apply opacity-40;
}
}
.slidev-layout.cover,
.slidev-layout.intro {
@apply h-full grid;
h1 {
color: inherit;
@apply text-6xl leading-20;
}
}
.slidev-layout.fact {
@apply text-center grid h-full;
h1 {
@apply text-8xl font-700;
}
h1 + p {
@apply font-700 text-2xl;
}
}
.slidev-layout.statement {
@apply text-center grid h-full;
h1 {
@apply text-6xl font-700;
}
}
.slidev-layout.quote {
@apply grid h-full;
h1 + p {
@apply mt-2;
}
}
.slidev-layout.section {
h1 {
@apply text-6xl font-500 leading-20;
}
}