From 32fce4c5344bc0d8aca686f4ea0a8c9a1d859b50 Mon Sep 17 00:00:00 2001 From: Dinesh Salunke Date: Fri, 3 Nov 2023 18:04:04 +0530 Subject: [PATCH] refactor: update the theme --- assets/css/theme.css | 88 +++++++++++++------------------------------- 1 file changed, 26 insertions(+), 62 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 499535f..0b9651e 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -624,6 +624,10 @@ video { top: 0px; } +.top-1 { + top: 0.25rem; +} + .top-1\/2 { top: 50%; } @@ -632,18 +636,6 @@ video { top: 100%; } -.top-\[50\%\] { - top: 50%; -} - -.top-2 { - top: 0.5rem; -} - -.top-1 { - top: 0.25rem; -} - .z-30 { z-index: 30; } @@ -781,10 +773,6 @@ video { width: 100%; } -.w-96 { - width: 24rem; -} - .max-w-\[200px\] { max-width: 200px; } @@ -834,6 +822,10 @@ video { justify-content: space-between; } +.gap-2 { + gap: 0.5rem; +} + .gap-4 { gap: 1rem; } @@ -842,10 +834,6 @@ video { gap: 2rem; } -.gap-2 { - gap: 0.5rem; -} - .truncate { overflow: hidden; text-overflow: ellipsis; @@ -910,11 +898,6 @@ video { padding-bottom: 2rem; } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; -} - .pl-2 { padding-left: 0.5rem; } @@ -931,8 +914,8 @@ video { padding-top: 5rem; } -.pr-10 { - padding-right: 2.5rem; +.pt-4 { + padding-top: 1rem; } .text-left { @@ -985,7 +968,7 @@ body { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity)); font-weight: 400; } @@ -997,55 +980,36 @@ body { stroke: #374151; } -.hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); -} - -.hover\:text-amber-500:hover { - --tw-text-opacity: 1; - color: rgb(245 158 11 / var(--tw-text-opacity)); -} - -.hover\:text-amber-400:hover { - --tw-text-opacity: 1; - color: rgb(251 191 36 / var(--tw-text-opacity)); -} - -.hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgb(30 58 138 / var(--tw-text-opacity)); -} - -.hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgb(113 63 18 / var(--tw-text-opacity)); -} - .hover\:text-yellow-700:hover { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity)); } +.hover\:text-gray-950:hover { + --tw-text-opacity: 1; + color: rgb(3 7 18 / var(--tw-text-opacity)); +} + .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.group:hover .group-hover\:block { - display: block; -} - .group:hover .group-hover\:flex { display: flex; } +.group:hover .group-hover\:text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + +.group:hover .group-hover\:text-gray-950 { + --tw-text-opacity: 1; + color: rgb(3 7 18 / var(--tw-text-opacity)); +} + @media (min-width: 640px) { .sm\:flex { display: flex;