diff options
author | wamo <ainznino@pm.me> | 2021-12-16 17:20:14 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-12-16 17:20:14 +0300 |
commit | 65c65d791edfd276dfb23313ac17f977a99f7055 (patch) | |
tree | 654430779b13b45e53b8f28c57bfd1a5101ab244 /assets | |
parent | dcef8dd18b5104b7424d0edad3526549c863436b (diff) |
Update style.css
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/style.css | 211 |
1 files changed, 135 insertions, 76 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 2f0a8f1..6faab77 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -483,6 +483,10 @@ Ensure the default browser behavior of the `hidden` attribute. visibility: hidden; } +.static { + position: static; +} + .absolute { position: absolute; } @@ -511,6 +515,11 @@ 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; @@ -521,21 +530,6 @@ 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; @@ -546,10 +540,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1.5rem; } -.mb-4 { +.my-4 { + margin-top: 1rem; 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; } -.mr-2 { - margin-right: 0.5rem; +.mb-3 { + margin-bottom: 0.75rem; } .mt-5 { @@ -590,14 +590,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0.5rem; } -.mb-3 { - margin-bottom: 0.75rem; +.mr-2 { + margin-right: 0.5rem; } .mt-3 { margin-top: 0.75rem; } +.mb-4 { + margin-bottom: 1rem; +} + .block { display: block; } @@ -614,6 +618,10 @@ Ensure the default browser behavior of the `hidden` attribute. display: inline-flex; } +.table { + display: table; +} + .grid { display: grid; } @@ -646,14 +654,14 @@ Ensure the default browser behavior of the `hidden` attribute. min-height: 100vh; } -.w-auto { - width: auto; -} - .w-full { width: 100%; } +.w-auto { + width: auto; +} + .max-w-screen-xl { max-width: 1280px; } @@ -670,6 +678,10 @@ Ensure the default browser behavior of the `hidden` attribute. transform: var(--tw-transform); } +.cursor-pointer { + cursor: pointer; +} + .cursor-auto { cursor: auto; } @@ -736,6 +748,11 @@ 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)); @@ -746,6 +763,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -761,15 +783,18 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.bg-gray-100 { - --tw-bg-opacity: 1; - 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; } @@ -778,12 +803,8 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 1.25rem; } -.p-3 { - padding: 0.75rem; -} - -.p-2 { - padding: 0.5rem; +.p-4 { + padding: 1rem; } .py-2 { @@ -801,19 +822,14 @@ 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-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .px-4 { @@ -831,6 +847,11 @@ 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; } @@ -839,14 +860,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.25rem; } -.pb-1 { - padding-bottom: 0.25rem; -} - .pl-3 { padding-left: 0.75rem; } +.pb-1 { + padding-bottom: 0.25rem; +} + .text-center { text-align: center; } @@ -914,16 +935,6 @@ 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,11 +950,21 @@ 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; @@ -974,6 +995,10 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 200ms; } +.duration-500 { + transition-duration: 500ms; +} + .duration-100 { transition-duration: 100ms; } @@ -982,10 +1007,6 @@ 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); @@ -1011,6 +1032,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } +.hover\:bg-gray-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); @@ -1021,14 +1047,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(29 78 216 / 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\: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\:opacity-50:hover { @@ -1041,6 +1067,16 @@ 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; @@ -1051,14 +1087,24 @@ 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-800 { +.dark .dark\:bg-warmgray-700 { --tw-bg-opacity: 1; - background-color: rgb(30 32 34 / var(--tw-bg-opacity)); + background-color: rgb(47 51 53 / var(--tw-bg-opacity)); } .dark .dark\:text-white { @@ -1106,6 +1152,11 @@ 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; @@ -1147,14 +1198,14 @@ Ensure the default browser behavior of the `hidden` attribute. } @media (min-width: 1024px) { - .lg\:col-span-1 { - grid-column: span 1 / span 1; - } - .lg\:col-span-2 { grid-column: span 2 / span 2; } + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } + .lg\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; @@ -1168,6 +1219,14 @@ 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%; } @@ -1176,16 +1235,16 @@ Ensure the default browser behavior of the `hidden` attribute. flex-grow: 1; } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - } - .lg\:px-0 { padding-left: 0px; padding-right: 0px; } + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; |