From 4836a51d2c738d930dfc7b38450a27127f7f69e7 Mon Sep 17 00:00:00 2001 From: nanxiaobei Date: Sat, 25 Feb 2023 01:20:12 +0800 Subject: [PATCH] update css --- assets/main.css | 358 +++++++++++++++++++++++++----------------------- 1 file changed, 183 insertions(+), 175 deletions(-) diff --git a/assets/main.css b/assets/main.css index 304ce51..da0d45f 100644 --- a/assets/main.css +++ b/assets/main.css @@ -7,7 +7,7 @@ */ /* - ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com + ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */ /* @@ -1098,49 +1098,34 @@ body { left: 0px; } -.inset-x-8 { - left: 2rem; - right: 2rem; -} - .inset-x-0 { left: 0px; right: 0px; } -.top-0 { - top: 0px; +.inset-x-8 { + left: 2rem; + right: 2rem; } .bottom-20 { bottom: 5rem; } -.top-full { - top: 100%; +.top-0 { + top: 0px; } -.z-50 { - z-index: 50; +.top-full { + top: 100%; } .z-40 { z-index: 40; } -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-0 { - margin-top: 0px; - margin-bottom: 0px; -} - -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; +.z-50 { + z-index: 50; } .\!my-0 { @@ -1158,80 +1143,95 @@ body { margin-right: 1.5rem; } -.mb-24 { - margin-bottom: 6rem; +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-0 { + margin-top: 0px; + margin-bottom: 0px; +} + +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} + +.-mr-8 { + margin-right: -2rem; } .-mt-4 { margin-top: -1rem; } -.mb-20 { - margin-bottom: 5rem; -} - -.mr-5 { - margin-right: 1.25rem; -} - -.mt-1\.5 { - margin-top: 0.375rem; -} - -.mb-3 { - margin-bottom: 0.75rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mt-24 { - margin-top: 6rem; -} - -.ml-auto { - margin-left: auto; -} - -.mt-12 { - margin-top: 3rem; -} - -.mr-1\.5 { - margin-right: 0.375rem; +.mb-1 { + margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } -.mr-1 { - margin-right: 0.25rem; +.mb-20 { + margin-bottom: 5rem; } -.mb-1 { - margin-bottom: 0.25rem; +.mb-24 { + margin-bottom: 6rem; } -.ml-1\.5 { - margin-left: 0.375rem; +.mb-3 { + margin-bottom: 0.75rem; } .ml-1 { margin-left: 0.25rem; } -.mr-auto { - margin-right: auto; +.ml-1\.5 { + margin-left: 0.375rem; } .ml-6 { margin-left: 1.5rem; } -.-mr-8 { - margin-right: -2rem; +.ml-auto { + margin-left: auto; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-1\.5 { + margin-right: 0.375rem; +} + +.mr-5 { + margin-right: 1.25rem; +} + +.mr-auto { + margin-right: auto; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mt-1\.5 { + margin-top: 0.375rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-24 { + margin-top: 6rem; } .block { @@ -1242,50 +1242,54 @@ body { display: flex; } -.h-14 { - height: 3.5rem; +.hidden { + display: none; } -.h-\[5rem\] { - height: 5rem; +.h-14 { + height: 3.5rem; } .h-6 { height: 1.5rem; } -.h-full { - height: 100%; -} - .h-8 { height: 2rem; } +.h-\[5rem\] { + height: 5rem; +} + +.h-full { + height: 100%; +} + .min-h-\[calc\(100\%-10rem\)\] { min-height: calc(100% - 10rem); } -.w-14 { - width: 3.5rem; -} - .w-1\/2 { width: 50%; } +.w-14 { + width: 3.5rem; +} + .w-6 { width: 1.5rem; } -.w-\[5rem\] { - width: 5rem; -} - .w-8 { width: 2rem; } +.w-\[5rem\] { + width: 5rem; +} + .max-w-3xl { max-width: 48rem; } @@ -1299,13 +1303,13 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0\.5 { - --tw-translate-y: -0.125rem; +.-translate-y-0 { + --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0 { - --tw-translate-y: -0px; +.-translate-y-0\.5 { + --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -1343,14 +1347,14 @@ body { justify-content: center; } -.gap-2\.5 { - gap: 0.625rem; -} - .gap-2 { gap: 0.5rem; } +.gap-2\.5 { + gap: 0.625rem; +} + .space-x-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); @@ -1387,10 +1391,6 @@ body { border-color: rgb(0 0 0 / 0.1); } -.bg-white\/50 { - background-color: rgb(255 255 255 / 0.5); -} - .\!bg-black\/5 { background-color: rgb(0 0 0 / 0.05) !important; } @@ -1399,6 +1399,10 @@ body { background-color: rgb(0 0 0 / 3%); } +.bg-white\/50 { + background-color: rgb(255 255 255 / 0.5); +} + .p-3 { padding: 0.75rem; } @@ -1407,65 +1411,60 @@ body { padding: 1.5rem; } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} - .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } -.pt-20 { - padding-top: 5rem; -} - -.pb-32 { - padding-bottom: 8rem; -} - .pb-1 { padding-bottom: 0.25rem; } -.pb-2\.5 { - padding-bottom: 0.625rem; -} - -.pb-2 { - padding-bottom: 0.5rem; -} - -.pr-3 { - padding-right: 0.75rem; -} - -.pl-3 { - padding-left: 0.75rem; -} - .pb-16 { padding-bottom: 4rem; } +.pb-2 { + padding-bottom: 0.5rem; +} + +.pb-2\.5 { + padding-bottom: 0.625rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.pl-3 { + padding-left: 0.75rem; +} + +.pr-3 { + padding-right: 0.75rem; +} + +.pt-20 { + padding-top: 5rem; +} + .text-center { text-align: center; } -.text-9xl { - font-size: 8rem; - line-height: 1; -} - -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; } .text-3xl { @@ -1473,18 +1472,27 @@ body { line-height: 2.25rem; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; +.text-9xl { + font-size: 8rem; + line-height: 1; } .text-\[0\.9em\] { font-size: 0.9em; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; +.text-\[0\] { + font-size: 0; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } .font-bold { @@ -1612,20 +1620,39 @@ article blockquote { border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } +.\[background\:url\(\.\/theme\.png\)_left_center\/_auto_theme\(\'spacing\.6\'\)_no-repeat\] { + background: url(./theme.png) left center/ auto 1.5rem no-repeat; +} + .\[background\:url\(\.\/theme\.svg\)_left_center\/cover_no-repeat\] { background: url(./theme.svg) left center/cover no-repeat; } -.\[background\:url\(\.\/theme\.png\)_left_center\/_auto_theme\(\'spacing\.6\'\)_no-repeat\] { - background: url(./theme.png) left center/ auto 1.5rem no-repeat; +.\[background\:var\(--url\)_center_center\/cover_no-repeat\] { + background: var(--url) center center/cover no-repeat; } .\[transition\:_background-position_0\.4s_steps\(5\)\] { transition: background-position 0.4s steps(5); } -.\[background\:var\(--url\)_center_center\/cover_no-repeat\] { - background: var(--url) center center/cover no-repeat; +.dark .dark\:prose-invert { + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .first-of-type\:mt-0:first-of-type { @@ -1650,40 +1677,21 @@ article blockquote { background-color: rgb(0 0 0 / 2%); } -.dark .dark\:bg-white\/80 { - background-color: rgb(255 255 255 / 0.8); -} - .dark .dark\:\!bg-black\/80 { background-color: rgb(0 0 0 / 0.8) !important; } -.dark .dark\:bg-white\/\[8\%\] { - background-color: rgb(255 255 255 / 8%); -} - .dark .dark\:bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.dark .dark\:prose-invert { - --tw-prose-body: var(--tw-prose-invert-body); - --tw-prose-headings: var(--tw-prose-invert-headings); - --tw-prose-lead: var(--tw-prose-invert-lead); - --tw-prose-links: var(--tw-prose-invert-links); - --tw-prose-bold: var(--tw-prose-invert-bold); - --tw-prose-counters: var(--tw-prose-invert-counters); - --tw-prose-bullets: var(--tw-prose-invert-bullets); - --tw-prose-hr: var(--tw-prose-invert-hr); - --tw-prose-quotes: var(--tw-prose-invert-quotes); - --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); - --tw-prose-captions: var(--tw-prose-invert-captions); - --tw-prose-code: var(--tw-prose-invert-code); - --tw-prose-pre-code: var(--tw-prose-invert-pre-code); - --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); - --tw-prose-th-borders: var(--tw-prose-invert-th-borders); - --tw-prose-td-borders: var(--tw-prose-invert-td-borders); +.dark .dark\:bg-white\/80 { + background-color: rgb(255 255 255 / 0.8); +} + +.dark .dark\:bg-white\/\[8\%\] { + background-color: rgb(255 255 255 / 8%); } .dark .dark\:text-white { @@ -1721,14 +1729,14 @@ article blockquote { display: none; } - .lg\:h-auto { - height: auto; - } - .lg\:h-6 { height: 1.5rem; } + .lg\:h-auto { + height: auto; + } + .lg\:w-6 { width: 1.5rem; }