oppi.li
1/*
2 This is copy of modern-normalize with these changes done:
3
4 - Remove html font-family, we set our own
5 - Remove html tab-size, we set our own
6 - Remove b,strong font-weight, we set our own
7 - Remove b,code,samp,pre font-size, we set our own
8*/
9
10/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
11
12/*
13Document
14========
15*/
16
17/**
18Use a better box model (opinionated).
19*/
20
21*,
22::before,
23::after {
24 box-sizing: border-box;
25}
26
27html {
28 line-height: normal; /* 1. (not following the "modern-normalize") Do not change the browser's default line-height, the default value is font-dependent and roughly 1.2 */
29 -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
30}
31
32/*
33Sections
34========
35*/
36
37body {
38 margin: 0; /* Remove the margin in all browsers. */
39}
40
41/*
42Grouping content
43================
44*/
45
46/**
471. Add the correct height in Firefox.
482. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
49*/
50
51hr {
52 height: 0; /* 1 */
53 color: inherit; /* 2 */
54}
55
56/*
57Text-level semantics
58====================
59*/
60
61/**
62Add the correct text decoration in Chrome, Edge, and Safari.
63*/
64
65abbr[title] {
66 text-decoration: underline dotted;
67}
68
69/**
70Add the correct font size in all browsers.
71*/
72
73small {
74 font-size: 80%;
75}
76
77/**
78Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
79*/
80
81sub,
82sup {
83 font-size: 75%;
84 line-height: 0;
85 position: relative;
86 vertical-align: baseline;
87}
88
89sub {
90 bottom: -0.25em;
91}
92
93sup {
94 top: -0.5em;
95}
96
97/*
98Tabular data
99============
100*/
101
102/**
1031. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
1042. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
105*/
106
107table {
108 text-indent: 0; /* 1 */
109 border-color: inherit; /* 2 */
110}
111
112/*
113Forms
114=====
115*/
116
117/**
1181. Change the font styles in all browsers.
1192. Remove the margin in Firefox and Safari.
120*/
121
122button,
123input,
124optgroup,
125select,
126textarea {
127 font-family: inherit; /* 1 */
128 font-size: 100%; /* 1 */
129 line-height: 1.15; /* 1 */
130 margin: 0; /* 2 */
131}
132
133/**
134Remove the inheritance of text transform in Edge and Firefox.
135*/
136
137button,
138select {
139 text-transform: none;
140}
141
142/**
143Correct the inability to style clickable types in iOS and Safari.
144*/
145
146button,
147[type="button"],
148[type="reset"],
149[type="submit"] {
150 -webkit-appearance: button;
151}
152
153/**
154Remove the inner border and padding in Firefox.
155*/
156
157::-moz-focus-inner {
158 border-style: none;
159 padding: 0;
160}
161
162/**
163Restore the focus styles unset by the previous rule.
164*/
165
166:-moz-focusring {
167 outline: 1px dotted ButtonText;
168}
169
170/**
171Remove the additional ':invalid' styles in Firefox.
172See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
173*/
174
175:-moz-ui-invalid {
176 box-shadow: none;
177}
178
179/**
180Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
181*/
182
183legend {
184 padding: 0;
185}
186
187/**
188Add the correct vertical alignment in Chrome and Firefox.
189*/
190
191progress {
192 vertical-align: baseline;
193}
194
195/**
196Correct the cursor style of increment and decrement buttons in Safari.
197*/
198
199::-webkit-inner-spin-button,
200::-webkit-outer-spin-button {
201 height: auto;
202}
203
204/**
2051. Correct the odd appearance in Chrome and Safari.
2062. Correct the outline style in Safari.
207*/
208
209[type="search"] {
210 -webkit-appearance: textfield; /* 1 */
211 outline-offset: -2px; /* 2 */
212}
213
214/**
215Remove the inner padding in Chrome and Safari on macOS.
216*/
217
218::-webkit-search-decoration {
219 -webkit-appearance: none;
220}
221
222/**
2231. Correct the inability to style clickable types in iOS and Safari.
2242. Change font properties to 'inherit' in Safari.
225*/
226
227::-webkit-file-upload-button {
228 -webkit-appearance: button; /* 1 */
229 font: inherit; /* 2 */
230}
231
232/*
233Interactive
234===========
235*/
236
237/*
238Add the correct display in Chrome and Safari.
239*/
240
241summary {
242 display: list-item;
243}