diff --git a/apps/app_web/assets/css/anacounts.css b/apps/app_web/assets/css/anacounts.css index f47fabc6..91bfbb1c 100644 --- a/apps/app_web/assets/css/anacounts.css +++ b/apps/app_web/assets/css/anacounts.css @@ -1,7 +1,6 @@ @import "./base/default.css"; @import "./base/fonts.css"; -@import "./components/accordion.css"; @import "./components/alert.css"; @import "./components/anchor.css"; @import "./components/avatar.css"; @@ -11,15 +10,8 @@ @import "./components/card.css"; @import "./components/checkbox.css"; @import "./components/divider.css"; -@import "./components/dropdown.css"; -@import "./components/fab.css"; -@import "./components/flash.css"; -@import "./components/heading.css"; @import "./components/icon.css"; @import "./components/list.css"; -@import "./components/popup.css"; -@import "./components/tabs.css"; @import "./components/text-input.css"; @import "./components/tile.css"; -@import "./components/toggle-group.css"; @import "./components/typography.css"; diff --git a/apps/app_web/assets/css/components/accordion.css b/apps/app_web/assets/css/components/accordion.css deleted file mode 100644 index 3f53081e..00000000 --- a/apps/app_web/assets/css/components/accordion.css +++ /dev/null @@ -1,26 +0,0 @@ -@layer components { - /* .accordion { } */ - - /* .accordion__item {} */ - - .accordion__header { - @apply flex items-center - h-10 - mx-4 - leading-10; - } - - .accordion__title { - @apply grow - uppercase - cursor-pointer; - } - - .accordion__icon { - @apply transition-transform duration-300; - } - - [open] .accordion__icon { - @apply scale-[-1]; - } -} diff --git a/apps/app_web/assets/css/components/dropdown.css b/apps/app_web/assets/css/components/dropdown.css deleted file mode 100644 index 92c26f64..00000000 --- a/apps/app_web/assets/css/components/dropdown.css +++ /dev/null @@ -1,15 +0,0 @@ -@layer components { - .dropdown { - position: relative; - } - - .dropdown__menu { - @apply hidden - absolute right-0 top-full - m-0 p-0 - bg-white - text-black text-base uppercase - shadow - z-10; - } -} diff --git a/apps/app_web/assets/css/components/fab.css b/apps/app_web/assets/css/components/fab.css deleted file mode 100644 index 6be22dd0..00000000 --- a/apps/app_web/assets/css/components/fab.css +++ /dev/null @@ -1,24 +0,0 @@ -@layer components { - .fab-container { - @apply fixed right-4 bottom-4 - m-0 p-0; - } - - .fab { - @apply block - p-3 - appearance-none - rounded-full - bg-theme - text-theme-contrast - transition-colors; - } - - .fab:hover { - @apply bg-theme-lighter; - } - - .fab:focus { - @apply bg-theme-darker; - } -} diff --git a/apps/app_web/assets/css/components/flash.css b/apps/app_web/assets/css/components/flash.css deleted file mode 100644 index b6e5b8b0..00000000 --- a/apps/app_web/assets/css/components/flash.css +++ /dev/null @@ -1,46 +0,0 @@ -@layer components { - .flash { - @apply fixed right-2 bottom-2 left-2 - p-3 - rounded-lg ring-1 - z-50; - } - - .flash--info { - @apply bg-info text-white fill-white; - } - - .flash--error { - @apply bg-error text-white fill-white; - } - - .flash__title { - @apply flex items-center gap-1.5 - leading-6 - text-sm font-semibold; - } - - .flash__icon { - @apply h-4 w-4; - } - - .flash__body { - @apply mt-2 - leading-5 - text-sm; - } - - .flash__close-button { - @apply absolute top-1 right-1 p-2; - } - - .flash__close-icon { - @apply h-5 w-5 opacity-80; - } - - @screen sm { - .flash { - @apply top-2 right-2 bottom-auto left-auto w-96; - } - } -} diff --git a/apps/app_web/assets/css/components/heading.css b/apps/app_web/assets/css/components/heading.css deleted file mode 100644 index 25bc37ba..00000000 --- a/apps/app_web/assets/css/components/heading.css +++ /dev/null @@ -1,10 +0,0 @@ -@layer components { - .heading { - @apply truncate; - } - - .heading--section { - @apply mx-4 - font-bold uppercase; - } -} diff --git a/apps/app_web/assets/css/components/popup.css b/apps/app_web/assets/css/components/popup.css deleted file mode 100644 index 5f892f7b..00000000 --- a/apps/app_web/assets/css/components/popup.css +++ /dev/null @@ -1,46 +0,0 @@ -@layer components { - .popup { - @apply flex-col gap-8 - max-w-full h-full max-h-full - p-8 m-0 - border-none; - } - - .popup[open] { - @apply flex; - } - - .popup::backdrop { - @apply bg-black/70; - } - - .popup__header { - @apply max-w-prose; - } - - .popup__dismiss { - @apply absolute top-1 right-1 - text-black; - } - - .popup__dismiss:hover { - @apply text-black bg-gray-10; - } - - .popup__body { - @apply flex-auto overflow-auto; - } - - .popup__footer { - @apply text-end; - } - - @screen md { - .popup { - @apply h-fit - max-h-[90%] - m-auto - rounded-md; - } - } -} diff --git a/apps/app_web/assets/css/components/tabs.css b/apps/app_web/assets/css/components/tabs.css deleted file mode 100644 index 67db04c3..00000000 --- a/apps/app_web/assets/css/components/tabs.css +++ /dev/null @@ -1,45 +0,0 @@ -@layer components { - .tabs { - @apply fixed right-0 bottom-0 left-0 - flex-none - flex - overflow-auto - bg-theme text-white/70; - } - - .tabs__item { - @apply grow; - } - - .tabs__link { - @apply block - pt-3 px-4 pb-2 - border-t-2 border-transparent - truncate - transition-colors; - } - - .tabs__link:hover { - @apply text-white; - } - - .tabs__link--active { - @apply text-white - bg-theme-darker; - } - - @screen md { - .tabs { - @apply static; - } - - .tabs__item { - @apply grow-0; - } - - .tabs__link { - @apply border-t-0 - rounded; - } - } -} diff --git a/apps/app_web/assets/css/components/toggle-group.css b/apps/app_web/assets/css/components/toggle-group.css deleted file mode 100644 index b9efd815..00000000 --- a/apps/app_web/assets/css/components/toggle-group.css +++ /dev/null @@ -1,35 +0,0 @@ -@layer components { - /* TODO refactor to make it disable-able */ - .toggle-group { - @apply flex - h-11 - leading-[2.75rem] - mb-4; - } - - .toggle-group__label { - @apply grow - mb-0 - border border-gray-70 - text-center - transition-colors; - } - - .toggle-group__label:first-child { - @apply rounded-s-md; - } - - .toggle-group__label:last-child { - @apply rounded-e-md; - } - - .toggle-group__label:has(:checked) { - @apply border-theme - bg-theme-lighter - text-white; - } - - .toggle-group__input { - @apply hidden; - } -}