diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 0997ba2..183978b 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,6 +1,6 @@ /*! Lynx v1.2.1 | MIT License | https://github.com/jpanther/lynx */ -/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */ +/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) @@ -30,6 +30,7 @@ 2. Prevent adjustments of font size after orientation changes in iOS. 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. */ html { @@ -44,6 +45,8 @@ html { /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ + font-feature-settings: normal; + /* 5 */ } /* @@ -410,54 +413,13 @@ video { height: auto; } -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden] { + display: none; } -::-webkit-backdrop { +*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -568,8 +530,7 @@ video { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; - -webkit-text-decoration-color: #d8b4fe; - text-decoration-color: #d8b4fe; + text-decoration-color: #d8b4fe; } .prose :where(a):not(:where([class~="not-prose"] *)):hover { @@ -1566,16 +1527,19 @@ video { } .hover\:underline:hover { - -webkit-text-decoration-line: underline; - text-decoration-line: underline; + text-decoration-line: underline; } .hover\:decoration-primary-400:hover { - -webkit-text-decoration-color: #c084fc; - text-decoration-color: #c084fc; + text-decoration-color: #c084fc; } @media (prefers-color-scheme: dark) { + .dark\:bg-neutral-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + } + .dark\:prose-invert { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); @@ -1596,8 +1560,7 @@ video { } .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) { - -webkit-text-decoration-color: #4b5563; - text-decoration-color: #4b5563; + text-decoration-color: #4b5563; } .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) { @@ -1609,11 +1572,6 @@ video { background-color: #c084fc; } - .dark\:bg-neutral-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); - } - .dark\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity));