/* Typography */ .h1 { @apply text-4xl font-extrabold leading-tight tracking-tighter; } .h2 { @apply text-3xl font-extrabold leading-tight tracking-tighter; } .h3 { @apply text-3xl font-bold leading-tight; } .h4 { @apply text-2xl font-bold leading-snug tracking-tight; } @screen md { .h1 { @apply text-5xl; } .h2 { @apply text-4xl; } } /* Buttons */ .btn, .btn-sm { @apply font-medium inline-flex items-center justify-center border border-transparent rounded-sm leading-snug transition duration-150 ease-in-out; } .btn { @apply px-8 py-3; } .btn-sm { @apply px-4 py-2; } /* Forms */ .form-input, .form-textarea, .form-multiselect, .form-select, .form-checkbox, .form-radio { @apply bg-transparent border border-gray-700 focus:border-gray-500; } .form-input, .form-textarea, .form-multiselect, .form-select, .form-checkbox { @apply rounded-sm; } .form-input, .form-textarea, .form-multiselect, .form-select { @apply py-3 px-4; } .form-input, .form-textarea { @apply placeholder-gray-500; } .form-select { @apply pr-10; } .form-checkbox, .form-radio { @apply text-purple-600; }