Tailwind Regression

4.0.94.0.10
1/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */1/*! tailwindcss v4.0.10 | MIT License | https://tailwindcss.com */
2@layer theme, base, components, utilities;2@layer theme, base, components, utilities;
3@layer theme {3@layer theme {
4 :root, :host {4 :root, :host {
5 --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",5 --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6 "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";6 "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7 --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",7 --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8 "Courier New", monospace;8 "Courier New", monospace;
9 --color-black: #000;9 --color-black: #000;
10 --spacing: 0.25rem;
11 --default-font-family: var(--font-sans);10 --default-font-family: var(--font-sans);
12 --default-font-feature-settings: var(--font-sans--font-feature-settings);11 --default-font-feature-settings: var(--font-sans--font-feature-settings);
13 --default-font-variation-settings: var(12 --default-font-variation-settings: var(
14 --font-sans--font-variation-settings13 --font-sans--font-variation-settings
15 );14 );
16 --default-mono-font-family: var(--font-mono);15 --default-mono-font-family: var(--font-mono);
17 --default-mono-font-feature-settings: var(16 --default-mono-font-feature-settings: var(
18 --font-mono--font-feature-settings17 --font-mono--font-feature-settings
19 );18 );
20 --default-mono-font-variation-settings: var(19 --default-mono-font-variation-settings: var(
21 --font-mono--font-variation-settings20 --font-mono--font-variation-settings
22 );21 );
23 }22 }
24}23}
25@layer base {24@layer base {
26 *, ::after, ::before, ::backdrop, ::file-selector-button {25 *, ::after, ::before, ::backdrop, ::file-selector-button {
27 box-sizing: border-box;26 box-sizing: border-box;
28 margin: 0;27 margin: 0;
29 padding: 0;28 padding: 0;
30 border: 0 solid;29 border: 0 solid;
31 }30 }
32 html, :host {31 html, :host {
33 line-height: 1.5;32 line-height: 1.5;
34 -webkit-text-size-adjust: 100%;33 -webkit-text-size-adjust: 100%;
35 tab-size: 4;34 tab-size: 4;
36 font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );35 font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
37 font-feature-settings: var(--default-font-feature-settings, normal);36 font-feature-settings: var(--default-font-feature-settings, normal);
38 font-variation-settings: var( --default-font-variation-settings, normal );37 font-variation-settings: var( --default-font-variation-settings, normal );
39 -webkit-tap-highlight-color: transparent;38 -webkit-tap-highlight-color: transparent;
40 }39 }
41 body {40 body {
42 line-height: inherit;41 line-height: inherit;
43 }42 }
44 hr {43 hr {
45 height: 0;44 height: 0;
46 color: inherit;45 color: inherit;
47 border-top-width: 1px;46 border-top-width: 1px;
48 }47 }
49 abbr:where([title]) {48 abbr:where([title]) {
50 -webkit-text-decoration: underline dotted;49 -webkit-text-decoration: underline dotted;
51 text-decoration: underline dotted;50 text-decoration: underline dotted;
52 }51 }
53 h1, h2, h3, h4, h5, h6 {52 h1, h2, h3, h4, h5, h6 {
54 font-size: inherit;53 font-size: inherit;
55 font-weight: inherit;54 font-weight: inherit;
56 }55 }
57 a {56 a {
58 color: inherit;57 color: inherit;
59 -webkit-text-decoration: inherit;58 -webkit-text-decoration: inherit;
60 text-decoration: inherit;59 text-decoration: inherit;
61 }60 }
62 b, strong {61 b, strong {
63 font-weight: bolder;62 font-weight: bolder;
64 }63 }
65 code, kbd, samp, pre {64 code, kbd, samp, pre {
66 font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );65 font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
67 font-feature-settings: var( --default-mono-font-feature-settings, normal );66 font-feature-settings: var( --default-mono-font-feature-settings, normal );
68 font-variation-settings: var( --default-mono-font-variation-settings, normal );67 font-variation-settings: var( --default-mono-font-variation-settings, normal );
69 font-size: 1em;68 font-size: 1em;
70 }69 }
71 small {70 small {
72 font-size: 80%;71 font-size: 80%;
73 }72 }
74 sub, sup {73 sub, sup {
75 font-size: 75%;74 font-size: 75%;
76 line-height: 0;75 line-height: 0;
77 position: relative;76 position: relative;
78 vertical-align: baseline;77 vertical-align: baseline;
79 }78 }
80 sub {79 sub {
81 bottom: -0.25em;80 bottom: -0.25em;
82 }81 }
83 sup {82 sup {
84 top: -0.5em;83 top: -0.5em;
85 }84 }
86 table {85 table {
87 text-indent: 0;86 text-indent: 0;
88 border-color: inherit;87 border-color: inherit;
89 border-collapse: collapse;88 border-collapse: collapse;
90 }89 }
91 :-moz-focusring {90 :-moz-focusring {
92 outline: auto;91 outline: auto;
93 }92 }
94 progress {93 progress {
95 vertical-align: baseline;94 vertical-align: baseline;
96 }95 }
97 summary {96 summary {
98 display: list-item;97 display: list-item;
99 }98 }
100 ol, ul, menu {99 ol, ul, menu {
101 list-style: none;100 list-style: none;
102 }101 }
103 img, svg, video, canvas, audio, iframe, embed, object {102 img, svg, video, canvas, audio, iframe, embed, object {
104 display: block;103 display: block;
105 vertical-align: middle;104 vertical-align: middle;
106 }105 }
107 img, video {106 img, video {
108 max-width: 100%;107 max-width: 100%;
109 height: auto;108 height: auto;
110 }109 }
111 button, input, select, optgroup, textarea, ::file-selector-button {110 button, input, select, optgroup, textarea, ::file-selector-button {
112 font: inherit;111 font: inherit;
113 font-feature-settings: inherit;112 font-feature-settings: inherit;
114 font-variation-settings: inherit;113 font-variation-settings: inherit;
115 letter-spacing: inherit;114 letter-spacing: inherit;
116 color: inherit;115 color: inherit;
117 border-radius: 0;116 border-radius: 0;
118 background-color: transparent;117 background-color: transparent;
119 opacity: 1;118 opacity: 1;
120 }119 }
121 :where(select:is([multiple], [size])) optgroup {120 :where(select:is([multiple], [size])) optgroup {
122 font-weight: bolder;121 font-weight: bolder;
123 }122 }
124 :where(select:is([multiple], [size])) optgroup option {123 :where(select:is([multiple], [size])) optgroup option {
125 padding-inline-start: 20px;124 padding-inline-start: 20px;
126 }125 }
127 ::file-selector-button {126 ::file-selector-button {
128 margin-inline-end: 4px;127 margin-inline-end: 4px;
129 }128 }
130 ::placeholder {129 ::placeholder {
131 opacity: 1;130 opacity: 1;
132 color: color-mix(in oklab, currentColor 50%, transparent);131 color: color-mix(in oklab, currentColor 50%, transparent);
133 }132 }
134 textarea {133 textarea {
135 resize: vertical;134 resize: vertical;
136 }135 }
137 ::-webkit-search-decoration {136 ::-webkit-search-decoration {
138 -webkit-appearance: none;137 -webkit-appearance: none;
139 }138 }
140 ::-webkit-date-and-time-value {139 ::-webkit-date-and-time-value {
141 min-height: 1lh;140 min-height: 1lh;
142 text-align: inherit;141 text-align: inherit;
143 }142 }
144 ::-webkit-datetime-edit {143 ::-webkit-datetime-edit {
145 display: inline-flex;144 display: inline-flex;
146 }145 }
147 ::-webkit-datetime-edit-fields-wrapper {146 ::-webkit-datetime-edit-fields-wrapper {
148 padding: 0;147 padding: 0;
149 }148 }
150 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {149 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
151 padding-block: 0;150 padding-block: 0;
152 }151 }
153 :-moz-ui-invalid {152 :-moz-ui-invalid {
154 box-shadow: none;153 box-shadow: none;
155 }154 }
156 button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {155 button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
157 appearance: button;156 appearance: button;
158 }157 }
159 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {158 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
160 height: auto;159 height: auto;
161 }160 }
162 [hidden]:where(:not([hidden="until-found"])) {161 [hidden]:where(:not([hidden="until-found"])) {
163 display: none !important;162 display: none !important;
164 }163 }
165}164}
166@layer utilities {165@layer utilities {
167 .px-8 {
168 padding-inline: calc(var(--spacing) * 8);
169 }
170 .py-4 {
171 padding-block: calc(var(--spacing) * 4);
172 }
173 .text-black {166 .text-black {
174 color: var(--color-black);167 color: var(--color-black);
175 }168 }
176}169}
177170
Fork this page...