diff options
author | opera7133 <ainznino@pm.me> | 2021-12-15 14:30:09 +0300 |
---|---|---|
committer | opera7133 <ainznino@pm.me> | 2021-12-15 14:30:09 +0300 |
commit | 5e5c34a4979acdc5faf416e6fd798fb383b6b7c6 (patch) | |
tree | 86b1c07905f2144f1d1667c882c3bd6020d8eb20 /assets | |
parent | 6a54782ea22b2f98154271c8954b036696585429 (diff) |
some changes
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/style.css | 226 |
1 files changed, 89 insertions, 137 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 4fc253e..2f0a8f1 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -483,10 +483,6 @@ Ensure the default browser behavior of the `hidden` attribute. visibility: hidden; } -.static { - position: static; -} - .absolute { position: absolute; } @@ -515,11 +511,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 0.75rem; } -.mx-auto { - margin-left: auto; - margin-right: auto; -} - .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; @@ -530,6 +521,21 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + .mx-4 { margin-left: 1rem; margin-right: 1rem; @@ -540,16 +546,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1.5rem; } -.my-4 { - margin-top: 1rem; +.mb-4 { margin-bottom: 1rem; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - .mr-auto { margin-right: auto; } @@ -578,8 +578,8 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.5rem; } -.mb-3 { - margin-bottom: 0.75rem; +.mr-2 { + margin-right: 0.5rem; } .mt-5 { @@ -590,18 +590,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0.5rem; } -.mr-2 { - margin-right: 0.5rem; +.mb-3 { + margin-bottom: 0.75rem; } .mt-3 { margin-top: 0.75rem; } -.mb-4 { - margin-bottom: 1rem; -} - .block { display: block; } @@ -618,10 +614,6 @@ Ensure the default browser behavior of the `hidden` attribute. display: inline-flex; } -.table { - display: table; -} - .grid { display: grid; } @@ -630,6 +622,18 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } +.h-32 { + height: 8rem; +} + +.h-48 { + height: 12rem; +} + +.h-44 { + height: 11rem; +} + .h-8 { height: 2rem; } @@ -642,6 +646,10 @@ Ensure the default browser behavior of the `hidden` attribute. min-height: 100vh; } +.w-auto { + width: auto; +} + .w-full { width: 100%; } @@ -662,10 +670,6 @@ Ensure the default browser behavior of the `hidden` attribute. transform: var(--tw-transform); } -.cursor-pointer { - cursor: pointer; -} - .cursor-auto { cursor: auto; } @@ -732,24 +736,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(37 99 235 / var(--tw-border-opacity)); } -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); -} - .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.bg-blue-800 { +.bg-gray-800 { --tw-bg-opacity: 1; - background-color: rgb(30 64 175 / var(--tw-bg-opacity)); + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } .bg-white { @@ -767,23 +761,15 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.bg-gray-800 { +.bg-gray-100 { --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .p-6 { padding: 1.5rem; } -.p-3 { - padding: 0.75rem; -} - -.p-2 { - padding: 0.5rem; -} - .p-0 { padding: 0px; } @@ -792,8 +778,12 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 1.25rem; } -.p-4 { - padding: 1rem; +.p-3 { + padding: 0.75rem; +} + +.p-2 { + padding: 0.5rem; } .py-2 { @@ -811,14 +801,19 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0.25rem; } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } .px-4 { @@ -836,11 +831,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.5rem; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - .pl-4 { padding-left: 1rem; } @@ -849,14 +839,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.25rem; } -.pl-3 { - padding-left: 0.75rem; -} - .pb-1 { padding-bottom: 0.25rem; } +.pl-3 { + padding-left: 0.75rem; +} + .text-center { text-align: center; } @@ -924,6 +914,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-blue-600 { + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)); +} + +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); @@ -939,21 +939,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(75 85 99 / var(--tw-text-opacity)); } -.text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); -} - .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } -.text-blue-500 { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); -} - .no-underline { -webkit-text-decoration-line: none; text-decoration-line: none; @@ -984,10 +974,6 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 200ms; } -.duration-500 { - transition-duration: 500ms; -} - .duration-100 { transition-duration: 100ms; } @@ -996,6 +982,10 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 300ms; } +.duration-500 { + transition-duration: 500ms; +} + .hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: var(--tw-transform); @@ -1016,19 +1006,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } -.hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.hover\:bg-gray-600:hover { +.hover\:bg-gray-200:hover { --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .hover\:text-blue-700:hover { @@ -1036,14 +1021,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(29 78 216 / var(--tw-text-opacity)); } -.hover\:text-blue-900:hover { +.hover\:text-black:hover { --tw-text-opacity: 1; - color: rgb(30 58 138 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity)); } -.hover\:text-black:hover { +.hover\:text-blue-900:hover { --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); + color: rgb(30 58 138 / var(--tw-text-opacity)); } .hover\:opacity-50:hover { @@ -1056,16 +1041,6 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); -} - -.focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -1076,24 +1051,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.dark .dark\:border-warmgray-700 { - --tw-border-opacity: 1; - border-color: rgb(47 51 53 / var(--tw-border-opacity)); -} - -.dark .dark\:bg-warmgray-800 { - --tw-bg-opacity: 1; - background-color: rgb(30 32 34 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-warmgray-900 { --tw-bg-opacity: 1; background-color: rgb(24 26 27 / var(--tw-bg-opacity)); } -.dark .dark\:bg-warmgray-700 { +.dark .dark\:bg-warmgray-800 { --tw-bg-opacity: 1; - background-color: rgb(47 51 53 / var(--tw-bg-opacity)); + background-color: rgb(30 32 34 / var(--tw-bg-opacity)); } .dark .dark\:text-white { @@ -1141,11 +1106,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(30 32 34 / var(--tw-bg-opacity)); } -.dark .dark\:focus\:bg-warmgray-800:focus { - --tw-bg-opacity: 1; - background-color: rgb(30 32 34 / var(--tw-bg-opacity)); -} - @media (min-width: 640px) { .sm\:mt-0 { margin-top: 0px; @@ -1187,14 +1147,14 @@ Ensure the default browser behavior of the `hidden` attribute. } @media (min-width: 1024px) { - .lg\:col-span-2 { - grid-column: span 2 / span 2; - } - .lg\:col-span-1 { grid-column: span 1 / span 1; } + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + .lg\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; @@ -1208,14 +1168,6 @@ Ensure the default browser behavior of the `hidden` attribute. display: flex; } - .lg\:h-44 { - height: 11rem; - } - - .lg\:w-auto { - width: auto; - } - .lg\:max-w-full { max-width: 100%; } @@ -1224,16 +1176,16 @@ Ensure the default browser behavior of the `hidden` attribute. flex-grow: 1; } - .lg\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - .lg\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; |