Skip to content

Commit 85adc0a

Browse files
committed
feat (scss): remove reset and update normalize
1 parent f5685c1 commit 85adc0a

File tree

4 files changed

+85
-176
lines changed

4 files changed

+85
-176
lines changed

src/scss/03-base/_normalize.scss

Lines changed: 85 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -14,41 +14,41 @@ html {
1414
}
1515

1616
/* Sections
17-
========================================================================== */
17+
========================================================================== */
1818

1919
/**
20-
* Remove the margin in all browsers.
21-
*/
20+
* Remove the margin in all browsers.
21+
*/
2222

2323
body {
2424
margin: 0;
2525
}
2626

2727
/**
28-
* Render the `main` element consistently in IE.
29-
*/
28+
* Render the `main` element consistently in IE.
29+
*/
3030

3131
main {
3232
display: block;
3333
}
3434

3535
/**
36-
* Correct the font size and margin on `h1` elements within `section` and
37-
* `article` contexts in Chrome, Firefox, and Safari.
38-
*/
36+
* Correct the font size and margin on `h1` elements within `section` and
37+
* `article` contexts in Chrome, Firefox, and Safari.
38+
*/
3939

4040
h1 {
4141
margin: .67em 0;
4242
font-size: 2em;
4343
}
4444

4545
/* Grouping content
46-
========================================================================== */
46+
========================================================================== */
4747

4848
/**
49-
* 1. Add the correct box sizing in Firefox.
50-
* 2. Show the overflow in Edge and IE.
51-
*/
49+
* 1. Add the correct box sizing in Firefox.
50+
* 2. Show the overflow in Edge and IE.
51+
*/
5252

5353
hr {
5454
box-sizing: content-box; /* 1 */
@@ -57,51 +57,50 @@ hr {
5757
}
5858

5959
/**
60-
* 1. Correct the inheritance and scaling of font size in all browsers.
61-
* 2. Correct the odd `em` font sizing in all browsers.
62-
*/
60+
* 1. Correct the inheritance and scaling of font size in all browsers.
61+
* 2. Correct the odd `em` font sizing in all browsers.
62+
*/
6363

6464
pre {
6565
font-family: monospace; /* 1 */
6666
font-size: 1em; /* 2 */
6767
}
6868

6969
/* Text-level semantics
70-
========================================================================== */
70+
========================================================================== */
7171

7272
/**
73-
* Remove the gray background on active links in IE 10.
74-
*/
73+
* Remove the gray background on active links in IE 10.
74+
*/
7575

7676
a {
77-
text-decoration-thickness: 1px;
7877
background-color: transparent;
7978
}
8079

8180
/**
82-
* 1. Remove the bottom border in Chrome 57-
83-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
84-
*/
81+
* 1. Remove the bottom border in Chrome 57-
82+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83+
*/
8584

8685
abbr[title] {
8786
text-decoration: underline; /* 2 */
88-
text-decoration-style: dotted; /* 2 */
87+
text-decoration: underline dotted; /* 2 */
8988
border-bottom: none; /* 1 */
9089
}
9190

9291
/**
93-
* Add the correct font weight in Chrome, Edge, and Safari.
94-
*/
92+
* Add the correct font weight in Chrome, Edge, and Safari.
93+
*/
9594

9695
b,
9796
strong {
9897
font-weight: bolder;
9998
}
10099

101100
/**
102-
* 1. Correct the inheritance and scaling of font size in all browsers.
103-
* 2. Correct the odd `em` font sizing in all browsers.
104-
*/
101+
* 1. Correct the inheritance and scaling of font size in all browsers.
102+
* 2. Correct the odd `em` font sizing in all browsers.
103+
*/
105104

106105
code,
107106
kbd,
@@ -111,17 +110,17 @@ samp {
111110
}
112111

113112
/**
114-
* Add the correct font size in all browsers.
115-
*/
113+
* Add the correct font size in all browsers.
114+
*/
116115

117116
small {
118117
font-size: 80%;
119118
}
120119

121120
/**
122-
* Prevent `sub` and `sup` elements from affecting the line height in
123-
* all browsers.
124-
*/
121+
* Prevent `sub` and `sup` elements from affecting the line height in
122+
* all browsers.
123+
*/
125124

126125
sub,
127126
sup {
@@ -140,23 +139,23 @@ sup {
140139
}
141140

142141
/* Embedded content
143-
========================================================================== */
142+
========================================================================== */
144143

145144
/**
146-
* Remove the border on images inside links in IE 10.
147-
*/
145+
* Remove the border on images inside links in IE 10.
146+
*/
148147

149148
img {
150149
border-style: none;
151150
}
152151

153152
/* Forms
154-
========================================================================== */
153+
========================================================================== */
155154

156155
/**
157-
* 1. Change the font styles in all browsers.
158-
* 2. Remove the margin in Firefox and Safari.
159-
*/
156+
* 1. Change the font styles in all browsers.
157+
* 2. Remove the margin in Firefox and Safari.
158+
*/
160159

161160
button,
162161
input,
@@ -170,28 +169,28 @@ textarea {
170169
}
171170

172171
/**
173-
* Show the overflow in IE.
174-
* 1. Show the overflow in Edge.
175-
*/
172+
* Show the overflow in IE.
173+
* 1. Show the overflow in Edge.
174+
*/
176175

177176
button,
178177
input { /* 1 */
179178
overflow: visible;
180179
}
181180

182181
/**
183-
* Remove the inheritance of text transform in Edge, Firefox, and IE.
184-
* 1. Remove the inheritance of text transform in Firefox.
185-
*/
182+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
183+
* 1. Remove the inheritance of text transform in Firefox.
184+
*/
186185

187186
button,
188187
select { /* 1 */
189188
text-transform: none;
190189
}
191190

192191
/**
193-
* Correct the inability to style clickable types in iOS and Safari.
194-
*/
192+
* Correct the inability to style clickable types in iOS and Safari.
193+
*/
195194

196195
button,
197196
[type="button"],
@@ -201,8 +200,8 @@ button,
201200
}
202201

203202
/**
204-
* Remove the inner border and padding in Firefox.
205-
*/
203+
* Remove the inner border and padding in Firefox.
204+
*/
206205

207206
button::-moz-focus-inner,
208207
[type="button"]::-moz-focus-inner,
@@ -213,8 +212,8 @@ button::-moz-focus-inner,
213212
}
214213

215214
/**
216-
* Restore the focus styles unset by the previous rule.
217-
*/
215+
* Restore the focus styles unset by the previous rule.
216+
*/
218217

219218
button:-moz-focusring,
220219
[type="button"]:-moz-focusring,
@@ -224,19 +223,19 @@ button:-moz-focusring,
224223
}
225224

226225
/**
227-
* Correct the padding in Firefox.
228-
*/
226+
* Correct the padding in Firefox.
227+
*/
229228

230229
fieldset {
231230
padding: .35em .75em .625em;
232231
}
233232

234233
/**
235-
* 1. Correct the text wrapping in Edge and IE.
236-
* 2. Correct the color inheritance from `fieldset` elements in IE.
237-
* 3. Remove the padding so developers are not caught out when they zero out
238-
* `fieldset` elements in all browsers.
239-
*/
234+
* 1. Correct the text wrapping in Edge and IE.
235+
* 2. Correct the color inheritance from `fieldset` elements in IE.
236+
* 3. Remove the padding so developers are not caught out when they zero out
237+
* `fieldset` elements in all browsers.
238+
*/
240239

241240
legend {
242241
box-sizing: border-box; /* 1 */
@@ -248,25 +247,25 @@ legend {
248247
}
249248

250249
/**
251-
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
252-
*/
250+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
251+
*/
253252

254253
progress {
255254
vertical-align: baseline;
256255
}
257256

258257
/**
259-
* Remove the default vertical scrollbar in IE 10+.
260-
*/
258+
* Remove the default vertical scrollbar in IE 10+.
259+
*/
261260

262261
textarea {
263262
overflow: auto;
264263
}
265264

266265
/**
267-
* 1. Add the correct box sizing in IE 10.
268-
* 2. Remove the padding in IE 10.
269-
*/
266+
* 1. Add the correct box sizing in IE 10.
267+
* 2. Remove the padding in IE 10.
268+
*/
270269

271270
[type="checkbox"],
272271
[type="radio"] {
@@ -275,75 +274,75 @@ textarea {
275274
}
276275

277276
/**
278-
* Correct the cursor style of increment and decrement buttons in Chrome.
279-
*/
277+
* Correct the cursor style of increment and decrement buttons in Chrome.
278+
*/
280279

281280
[type="number"]::-webkit-inner-spin-button,
282281
[type="number"]::-webkit-outer-spin-button {
283282
height: auto;
284283
}
285284

286285
/**
287-
* 1. Correct the odd appearance in Chrome and Safari.
288-
* 2. Correct the outline style in Safari.
289-
*/
286+
* 1. Correct the odd appearance in Chrome and Safari.
287+
* 2. Correct the outline style in Safari.
288+
*/
290289

291290
[type="search"] {
292291
-webkit-appearance: textfield; /* 1 */
293292
outline-offset: -2px; /* 2 */
294293
}
295294

296295
/**
297-
* Remove the inner padding in Chrome and Safari on macOS.
298-
*/
296+
* Remove the inner padding in Chrome and Safari on macOS.
297+
*/
299298

300299
[type="search"]::-webkit-search-decoration {
301300
-webkit-appearance: none;
302301
}
303302

304303
/**
305-
* 1. Correct the inability to style clickable types in iOS and Safari.
306-
* 2. Change font properties to `inherit` in Safari.
307-
*/
304+
* 1. Correct the inability to style clickable types in iOS and Safari.
305+
* 2. Change font properties to `inherit` in Safari.
306+
*/
308307

309308
::-webkit-file-upload-button {
310309
-webkit-appearance: button; /* 1 */
311310
font: inherit; /* 2 */
312311
}
313312

314313
/* Interactive
315-
========================================================================== */
314+
========================================================================== */
316315

317316
/*
318-
* Add the correct display in Edge, IE 10+, and Firefox.
319-
*/
317+
* Add the correct display in Edge, IE 10+, and Firefox.
318+
*/
320319

321320
details {
322321
display: block;
323322
}
324323

325324
/*
326-
* Add the correct display in all browsers.
327-
*/
325+
* Add the correct display in all browsers.
326+
*/
328327

329328
summary {
330329
display: list-item;
331330
}
332331

333332
/* Misc
334-
========================================================================== */
333+
========================================================================== */
335334

336335
/**
337-
* Add the correct display in IE 10+.
338-
*/
336+
* Add the correct display in IE 10+.
337+
*/
339338

340339
template {
341340
display: none;
342341
}
343342

344343
/**
345-
* Add the correct display in IE 10.
346-
*/
344+
* Add the correct display in IE 10.
345+
*/
347346

348347
[hidden] {
349348
display: none;

0 commit comments

Comments
 (0)