From 05c835497de297712f58e4a8d08c007221ae3ef3 Mon Sep 17 00:00:00 2001 From: nanxiaobei Date: Thu, 18 May 2023 02:51:49 +0800 Subject: [PATCH] update css --- assets/main.css | 48 +++++++++++++++++++++++++++--------------------- 1 file changed, 27 insertions(+), 21 deletions(-) diff --git a/assets/main.css b/assets/main.css index 10e7b6b..303d57b 100644 --- a/assets/main.css +++ b/assets/main.css @@ -6,7 +6,7 @@ */ /* - ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com + ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */ /* @@ -38,6 +38,7 @@ 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. */ html { @@ -54,6 +55,8 @@ html { /* 4 */ font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; + /* 6 */ } /* @@ -440,7 +443,7 @@ body { background: var(--bg); } -.dark body { +:is(.dark body) { background-color: rgb(0 0 0 / 0.9); } @@ -458,6 +461,9 @@ body { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -505,6 +511,9 @@ body { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -1056,7 +1065,7 @@ 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)); } -.dark .btn { +:is(.dark .btn) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -1072,7 +1081,7 @@ body { color: rgb(0 0 0 / var(--tw-text-opacity)); } -.dark .link:hover { +:is(.dark .link:hover) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @@ -1090,10 +1099,7 @@ body { } .inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + inset: 0px; } .inset-x-0 { @@ -1542,8 +1548,8 @@ body { content: var(--tw-content); } -.dark .btn-menu::before,.dark - .btn-menu::after { +:is(.dark .btn-menu)::before,:is(.dark + .btn-menu)::after { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @@ -1582,7 +1588,7 @@ article { color: rgb(0 0 0 / var(--tw-text-opacity)); } -.dark article { +:is(.dark article) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @@ -1603,7 +1609,7 @@ article blockquote { border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; } -.dark article blockquote { +:is(.dark article blockquote) { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } @@ -1624,7 +1630,7 @@ article blockquote { transition: background-position 0.4s steps(5); } -.dark .dark\:prose-invert { +:is(.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); @@ -1665,38 +1671,38 @@ article blockquote { background-color: rgb(0 0 0 / 2%); } -.dark .dark\:\!bg-black\/80 { +:is(.dark .dark\:\!bg-black\/80) { background-color: rgb(0 0 0 / 0.8) !important; } -.dark .dark\:bg-black { +:is(.dark .dark\:bg-black) { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.dark .dark\:bg-white\/80 { +:is(.dark .dark\:bg-white\/80) { background-color: rgb(255 255 255 / 0.8); } -.dark .dark\:bg-white\/\[8\%\] { +:is(.dark .dark\:bg-white\/\[8\%\]) { background-color: rgb(255 255 255 / 8%); } -.dark .dark\:text-white { +:is(.dark .dark\:text-white) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:invert { +:is(.dark .dark\:invert) { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:\[background-position\:right\] { +:is(.dark .dark\:\[background-position\:right\]) { background-position: right; } -.dark .dark\:hover\:bg-white\/\[3\%\]:hover { +:is(.dark .dark\:hover\:bg-white\/\[3\%\]:hover) { background-color: rgb(255 255 255 / 3%); }