@indielayer/ui/docs/assets/css/tailwind.css

Indielayer UI Components with Tailwind CSS build for Vue 3

@import url("https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css");
@import url("https://1.www.s81c.com/common/carbon/plex/sans.css");
@import url("https://1.www.s81c.com/common/carbon/plex/mono.css");

html,
body {
  height: 100%;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  .text-2xs {
    font-size: 0.625rem;
    line-height: 1rem;
  }

  .text-h1 {
    @apply text-5xl font-black;
  }

  .text-h2 {
    @apply text-4xl font-black;
  }

  .text-h3 {
    @apply text-2xl font-black;
  }

  .text-h4 {
    @apply text-xl font-black;
  }

  .text-overline {
    @apply tracking-widest uppercase text-2xs;
  }
}

@layer components {
  .docs-container {
    @apply max-w-screen-2xl mx-auto w-full px-4 md:px-8 mt-8 md:mt-16;
  }
}

.inset-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}