diff --git a/assets/main.css b/assets/main.css index e18f81fbf..8e2a74c27 100644 --- a/assets/main.css +++ b/assets/main.css @@ -1,8 +1,8 @@ -@import 'tailwindcss/base'; +@tailwind base; @import './font.css'; @import './base.css'; -@import 'tailwindcss/components'; +@tailwind components; @import './components.css'; -@import 'tailwindcss/utilities'; +@tailwind utilities; diff --git a/components/core/Featurebar/Featurebar.module.css b/components/core/Featurebar/Featurebar.module.css index eb1fedf10..af5b4953e 100644 --- a/components/core/Featurebar/Featurebar.module.css +++ b/components/core/Featurebar/Featurebar.module.css @@ -1,3 +1,7 @@ .root { - @apply text-center p-6 bg-primary text-base text-sm md:flex md:text-left flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30; + @apply text-center p-6 bg-primary text-sm flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30; + + @screen md { + @apply flex text-left; + } } diff --git a/components/core/I18nWidget/I18nWidget.module.css b/components/core/I18nWidget/I18nWidget.module.css index afb5026f4..6c11be041 100644 --- a/components/core/I18nWidget/I18nWidget.module.css +++ b/components/core/I18nWidget/I18nWidget.module.css @@ -3,7 +3,11 @@ } .button { - @apply h-10 px-2 rounded-md border border-accents-2 flex items-center space-x-2 justify-center outline-none focus:outline-none; + @apply h-10 px-2 rounded-md border border-accents-2 flex items-center justify-center; +} + +.button:focus { + @apply outline-none; } .dropdownMenu { @@ -15,9 +19,10 @@ } .item { - @apply flex cursor-pointer px-6 py-3 block hover:bg-accents-1 transition ease-in-out duration-150 text-base leading-6 font-medium text-gray-900 items-center; + @apply flex cursor-pointer px-6 py-3 block transition ease-in-out duration-150 text-primary leading-6 font-medium text-gray-900 items-center; text-transform: capitalize; } -.item.active { +.item:hover { + @apply bg-accents-1; } diff --git a/components/core/I18nWidget/I18nWidget.tsx b/components/core/I18nWidget/I18nWidget.tsx index 698317a80..132553f7f 100644 --- a/components/core/I18nWidget/I18nWidget.tsx +++ b/components/core/I18nWidget/I18nWidget.tsx @@ -19,10 +19,10 @@ const I18nWidget: FC = () => {