-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
resets.css
144 lines (129 loc) · 2.64 KB
/
resets.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
/* This is a minimal and unopinionated CSS stylesheet to reset default */
/* browser styles for a better cross-browser compatability. */
/* Use a more intuitive box-sizing model */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margins */
* {
margin: 0;
}
/* (Optional) Prevent automatic font size adjustment in certain scenarios */
/* For more info, check the article below: */
/* https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/ */
/* html { */
/* -moz-text-size-adjust: none; */
/* -webkit-text-size-adjust: none; */
/* text-size-adjust: none; */
/* } */
/* Set the default font-family to style the website with */
html {
font-family:
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen,
Ubuntu,
Cantarell,
"Open Sans",
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif;
}
/* Add accessible line-height and improve text rendering */
body {
min-height: 100vh;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
/* Add the correct font weight in Edge and Safari */
b,
strong {
font-weight: bolder;
}
/* (Optional) Use the correct monospace font family by default. */
/* It is useful for technical blogs where code is extensibly used */
/* code, */
/* kbd, */
/* samp, */
/* pre { */
/* font-family: theme( */
/* "fontFamily.mono", */
/* ui-monospace, */
/* SFMono-Regular, */
/* Menlo, */
/* Monaco, */
/* Consolas, */
/* "Liberation Mono", */
/* "Courier New", */
/* monospace */
/* ); */
/* font-size: 1em; */
/* } */
/* (Optional) Add the correct font size in all browsers */
small {
font-size: 80%;
}
/* Better default styles for media elements */
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
/* Normalise typographic styles for forms */
input,
button,
textarea,
select,
optgroup {
font: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
/* Correct the inability to style clickable types in iOS and Safari & remove */
/* default button styles. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
appearance: button;
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
/* Remove the default stylings for lists and list items */
ol,
ul,
menu {
list-style: none;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
display: none;
}
/* Create a root stacking context */
#root,
#__next {
isolation: isolate;
}