diff options
Diffstat (limited to 'src/input.css')
-rwxr-xr-x | src/input.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/src/input.css b/src/input.css new file mode 100755 index 0000000..ba1be60 --- /dev/null +++ b/src/input.css @@ -0,0 +1,95 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* ARTICLES BASIC ELEMENTS */ + +/** Pre */ + +article pre { + @apply p-4 rounded-md my-4 border-l-4 border-garage-gray shadow-lg whitespace-pre-wrap; +} + +/** Tables */ + +article table { + @apply my-4 min-w-full divide-y divide-gray-200 shadow overflow-hidden border-b border-gray-200 sm:rounded-lg; +} + +article table thead { + @apply bg-gray-50; +} + +article table tbody { + @apply bg-white divide-y divide-gray-200; +} + +article table thead tr th { + @apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider; +} + +article table tbody tr td { + @apply px-6 py-4 whitespace-nowrap; +} + +/** Blockquotes */ + +article blockquote { + @apply my-2 py-2 pl-4 border-l-4 border-garage-orange; +} + +/** Ul */ + +article ul { + @apply py-4 list-disc ml-4; +} + +article ul ul { + @apply ml-4 py-0 list-disc; +} + +article ul ol { + @apply ml-4 py-0 list-decimal; +} + +/** Ol */ + +article ol { + @apply py-4 list-decimal ml-4; +} + +article ol ol { + @apply ml-4 py-0 list-decimal; +} + +article ol ul { + @apply ml-4 py-0 list-disc; +} + +p > code { + @apply bg-gray-100 p-1 rounded font-semibold text-garage-gray shadow-inner; +} + +.page-content > h1 { + @apply text-2xl mt-6 mb-4 font-semibold text-gray-800; +} + +.page-content > h2 { + @apply text-xl mt-6 mb-4 font-semibold text-gray-800; +} + +.page-content > h3 { + @apply text-lg mt-6 mb-4 font-semibold text-gray-800; +} + +.page-content > p { + @apply text-garage-gray; +} + +.page-content a { + @apply font-semibold text-garage-orange border-b hover:border-garage-gray px-0.5 border-garage-orange bg-transparent hover:bg-garage-orange hover:text-white hover:rounded-sm hover:no-underline duration-150 transition; +} + +.is-active { + @apply text-orange-600; +} |