@slidev/theme-apple-basic/styles/layout.css

Apple like theme for Slidev

.slidev-layout {
  @apply px-14 py-10 text-[1.1rem];

  h1, h2, h3, h4, p, div {
    @apply select-none;
  }

  pre, code {
    @apply select-text;
  }

  h1 {
    @apply text-4xl mb-4 font-700 -ml-[0.05em];
  }
  h1 + h2 {
    @apply -mt-4;
  }

  h2 {
    @apply text-2xl font-700;
  }

  h3 {
    @apply text-sm pt-2 uppercase tracking-widest font-500 -ml-[0.05em];
  }

  h3:not(.opacity-100) {
    @apply opacity-40;
  }

  p {
    @apply my-4 leading-6;
  }

  h1 + p {
    @apply -mt-2 mb-4;
  }

  p + h2, ul + h2, table + h2 {
    @apply mt-10;
  }

  ul {
    list-style: disc;
    @apply mb-4;
  }

  li {
    @apply ml-1.1em pl-0.2em leading-1.8em;
  }

  blockquote {
    @apply text-sm px-2 py-1 bg-$prism-background border-$slidev-theme-primary border-l rounded;
  }

  blockquote > * {
    @apply my-0;
  }

  table {
    @apply w-full;
  }

  tr {
    @apply border-b border-gray-400 border-opacity-20;
  }

  th {
    @apply text-left font-400;
  }

  a {
    @apply border-current border-b border-dashed hover:(text-$slidev-theme-primary border-solid);
  }

  td, th {
    @apply p-2 py-3;
  }

  b, strong {
    @apply font-600;
  }

  kbd {
    @apply border border-gray-400 border-b-2 border-opacity-20 rounded;
    @apply bg-gray-400 bg-opacity-5 py-0.5 px-1 text-sm font-mono;
  }
}

.slidev-layout.intro-image,
.slidev-layout.intro {
  @apply h-full;

  h1 {
    @apply text-6xl font-700 leading-20;
  }

  h1 + p {
    @apply font-700 -mt-4 text-2xl;
  }
}
.slidev-layout.fact {
  @apply text-center;
  h1 {
    @apply text-8xl font-700;
  }
  h1 + p {
    @apply font-700 text-2xl;
  }
}
.slidev-layout.statement {
  @apply text-center;

  h1 {
    @apply text-6xl font-700;
  }
}
.slidev-layout.quote {
  h1 + p {
    @apply mt-6 ml-6;
  }
}
.slidev-layout.section {
  h1 {
    @apply text-6xl font-500 leading-20;
  }
}