From 6cb7da37824d02a1898d08d0f9495c77fde4dd1d Mon Sep 17 00:00:00 2001 From: vnugent Date: Sat, 20 Jan 2024 23:49:29 -0500 Subject: inital commit --- front-end/src/index.scss | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 front-end/src/index.scss (limited to 'front-end/src/index.scss') diff --git a/front-end/src/index.scss b/front-end/src/index.scss new file mode 100644 index 0000000..fece9ee --- /dev/null +++ b/front-end/src/index.scss @@ -0,0 +1,32 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@import './buttons.scss'; + +.otp-input { + @apply rounded-sm gap-2; + + input { + @apply w-12 h-12 p-2 text-center text-2xl; + @apply dark:bg-gray-700 border dark:text-white; + appearance: none; + -webkit-appearance: none; + } +} + + .input { + @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded focus:ring-blue-500 focus:border-blue-500 block w-full p-2 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500; + + &.dirty{ + @apply bg-green-50 border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 focus:ring-green-500 focus:border-green-500 dark:bg-gray-700 dark:border-green-500; + } + + &.dirty.error{ + @apply bg-red-50 border-red-500 text-red-900 placeholder-red-700 focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500; + } +} + +.bl-link{ + @apply text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-500 hover:underline duration-75 ease-linear; +} \ No newline at end of file -- cgit