@playbooks/ui/dist/styles.css

An interface library for Playbooks.

@custom-variant dark (&:where(.dark,.dark *));@plugin "@tailwindcss/forms";@theme{ --font-primary: Plus Jakarta Sans, sans-serif; --font-secondary: Inter, sans-serif; --font-accent: Courier, monospace; --max-width-xs: 480px; --max-width-sm: 640px; --max-width-md: 768px; --max-width-lg: 1024px; --max-width-xl: 1280px; --max-width-xxl: 1440px; --width-xs: 480px; --width-sm: 640px; --width-md: 768px; --width-lg: 1024px; --width-xl: 1280px; --width-xxl: 1440px; }@theme inline{ --color-primary: var(--color-blue-500); --color-secondary: var(--color-cyan-500); --color-accent: var(--color-indigo-500); }@layer base{*,:after,:before,::backdrop,::file-selector-button{border-color:var(--color-gray-200, currentcolor)}html{overflow-x:hidden}body{@apply w-full;@apply text-gray-700 dark:text-gray-200;@apply bg-white dark:bg-gray-900;}h1,h2,h3,h4,h5,h6{@apply text-gray-700 dark:text-gray-200;}h1{@apply text-6xl;}h2{@apply text-5xl;}h3{@apply text-3xl;}h4{@apply text-2xl;}h5{@apply text-lg;}h6{@apply text-base;}p{@apply text-gray-600 dark:text-gray-300;@apply text-base;}small{@apply text-gray-600 dark:text-gray-300;@apply text-sm;}.ltr{direction:ltr}.rtl{direction:rtl}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}}@utility flex-start{@apply flex; @apply justify-start; @apply items-center;}@utility flex-start-top{@apply flex; @apply justify-start; @apply items-start;}@utility flex-start-bottom{@apply flex; @apply justify-start; @apply items-end;}@utility flex-between{@apply flex; @apply justify-between; @apply items-center;}@utility flex-between-inline{@apply inline-flex; @apply justify-between; @apply items-center;}@utility flex-between-top{@apply flex; @apply justify-between; @apply items-start;}@utility flex-between-bottom{@apply flex; @apply justify-between; @apply items-end;}@utility flex-center{@apply flex; @apply items-center;}@utility flex-middle{@apply flex; @apply justify-center; @apply items-center;}@utility flex-middle-inline{@apply inline-flex; @apply justify-center; @apply items-center;}@utility flex-end{@apply flex; @apply justify-end; @apply items-center;}@utility flex-column{@apply flex; @apply flex-col;}