Experiment to rebuild Diffuse using web applets.
feat: Reset css improvements
author
Steven Vandevelde
date
(Mar 13, 2025, 5:33 PM +0100)
commit
2858dc35
2858dc35b872ba15b90e0f101eafc26255a2efce
parent
6e8f170f
6e8f170f89bb997b151278d2123f5e3afd984939
+62
-1
+62
-1
src/styles/reset.css
+62
-1
src/styles/reset.css
···
8
8
margin: 0;
9
9
}
10
10
11
-
body {
11
+
html,
12
+
:host {
13
+
font-family: ui-sans-serif, system-ui, sans-serif;
12
14
font-synthesis: none;
13
15
line-height: 1.5;
16
+
-webkit-text-size-adjust: 100%;
17
+
-webkit-tap-highlight-color: transparent;
18
+
}
19
+
20
+
body {
21
+
line-height: inherit;
14
22
}
15
23
16
24
img,
···
56
64
#__next {
57
65
isolation: isolate;
58
66
}
67
+
68
+
small {
69
+
font-size: 80%;
70
+
}
71
+
72
+
progress {
73
+
vertical-align: baseline;
74
+
}
75
+
76
+
/*
77
+
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
78
+
2. Set the default placeholder color to a semi-transparent version of the current text color.
79
+
*/
80
+
81
+
::placeholder {
82
+
opacity: 1; /* 1 */
83
+
color: color-mix(in oklab, currentColor 50%, transparent); /* 2 */
84
+
}
85
+
86
+
/*
87
+
Remove the inner padding in Chrome and Safari on macOS.
88
+
*/
89
+
90
+
::-webkit-search-decoration {
91
+
-webkit-appearance: none;
92
+
}
93
+
94
+
/*
95
+
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
96
+
*/
97
+
98
+
:-moz-ui-invalid {
99
+
box-shadow: none;
100
+
}
101
+
102
+
/*
103
+
Correct the inability to style the border radius in iOS Safari.
104
+
*/
105
+
106
+
button,
107
+
input:where([type="button"], [type="reset"], [type="submit"]),
108
+
::file-selector-button {
109
+
appearance: button;
110
+
}
111
+
112
+
/*
113
+
Correct the cursor style of increment and decrement buttons in Safari.
114
+
*/
115
+
116
+
::-webkit-inner-spin-button,
117
+
::-webkit-outer-spin-button {
118
+
height: auto;
119
+
}