gulp-starter

1
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2

3
/* Document
4
   ========================================================================== */
5

6
/**
7
 * 1. Correct the line height in all browsers.
8
 * 2. Prevent adjustments of font size after orientation changes in iOS.
9
 */
10

11
html {
12
  line-height: 1.15;
13
  /* 1 */
14
  -webkit-text-size-adjust: 100%;
15
  /* 2 */
16
}
17

18
/* Sections
19
   ========================================================================== */
20

21
/**
22
 * Remove the margin in all browsers.
23
 */
24

25
body {
26
  margin: 0;
27
}
28

29
/**
30
 * Render the `main` element consistently in IE.
31
 */
32

33
main {
34
  display: block;
35
}
36

37
/**
38
 * Correct the font size and margin on `h1` elements within `section` and
39
 * `article` contexts in Chrome, Firefox, and Safari.
40
 */
41

42
h1 {
43
  font-size: 2em;
44
  margin: 0.67em 0;
45
}
46

47
/* Grouping content
48
   ========================================================================== */
49

50
/**
51
 * 1. Add the correct box sizing in Firefox.
52
 * 2. Show the overflow in Edge and IE.
53
 */
54

55
hr {
56
  box-sizing: content-box;
57
  /* 1 */
58
  height: 0;
59
  /* 1 */
60
  overflow: visible;
61
  /* 2 */
62
}
63

64
/**
65
 * 1. Correct the inheritance and scaling of font size in all browsers.
66
 * 2. Correct the odd `em` font sizing in all browsers.
67
 */
68

69
pre {
70
  font-family: monospace, monospace;
71
  /* 1 */
72
  font-size: 1em;
73
  /* 2 */
74
}
75

76
/* Text-level semantics
77
   ========================================================================== */
78

79
/**
80
 * Remove the gray background on active links in IE 10.
81
 */
82

83
a {
84
  background-color: transparent;
85
}
86

87
/**
88
 * 1. Remove the bottom border in Chrome 57-
89
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
90
 */
91

92
abbr[title] {
93
  border-bottom: none;
94
  /* 1 */
95
  text-decoration: underline;
96
  /* 2 */
97
  text-decoration: underline dotted;
98
  /* 2 */
99
}
100

101
/**
102
 * Add the correct font weight in Chrome, Edge, and Safari.
103
 */
104

105
b,
106
strong {
107
  font-weight: bolder;
108
}
109

110
/**
111
 * 1. Correct the inheritance and scaling of font size in all browsers.
112
 * 2. Correct the odd `em` font sizing in all browsers.
113
 */
114

115
code,
116
kbd,
117
samp {
118
  font-family: monospace, monospace;
119
  /* 1 */
120
  font-size: 1em;
121
  /* 2 */
122
}
123

124
/**
125
 * Add the correct font size in all browsers.
126
 */
127

128
small {
129
  font-size: 80%;
130
}
131

132
/**
133
 * Prevent `sub` and `sup` elements from affecting the line height in
134
 * all browsers.
135
 */
136

137
sub,
138
sup {
139
  font-size: 75%;
140
  line-height: 0;
141
  position: relative;
142
  vertical-align: baseline;
143
}
144

145
sub {
146
  bottom: -0.25em;
147
}
148

149
sup {
150
  top: -0.5em;
151
}
152

153
/* Embedded content
154
   ========================================================================== */
155

156
/**
157
 * Remove the border on images inside links in IE 10.
158
 */
159

160
img {
161
  border-style: none;
162
}
163

164
/* Forms
165
   ========================================================================== */
166

167
/**
168
 * 1. Change the font styles in all browsers.
169
 * 2. Remove the margin in Firefox and Safari.
170
 */
171

172
button,
173
input,
174
optgroup,
175
select,
176
textarea {
177
  font-family: inherit;
178
  /* 1 */
179
  font-size: 100%;
180
  /* 1 */
181
  line-height: 1.15;
182
  /* 1 */
183
  margin: 0;
184
  /* 2 */
185
}
186

187
/**
188
 * Show the overflow in IE.
189
 * 1. Show the overflow in Edge.
190
 */
191

192
button,
193
input {
194
  /* 1 */
195
  overflow: visible;
196
}
197

198
/**
199
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
200
 * 1. Remove the inheritance of text transform in Firefox.
201
 */
202

203
button,
204
select {
205
  /* 1 */
206
  text-transform: none;
207
}
208

209
/**
210
 * Correct the inability to style clickable types in iOS and Safari.
211
 */
212

213
button,
214
[type='button'],
215
[type='reset'],
216
[type='submit'] {
217
  -webkit-appearance: button;
218
}
219

220
/**
221
 * Remove the inner border and padding in Firefox.
222
 */
223

224
button::-moz-focus-inner,
225
[type='button']::-moz-focus-inner,
226
[type='reset']::-moz-focus-inner,
227
[type='submit']::-moz-focus-inner {
228
  border-style: none;
229
  padding: 0;
230
}
231

232
/**
233
 * Restore the focus styles unset by the previous rule.
234
 */
235

236
button:-moz-focusring,
237
[type='button']:-moz-focusring,
238
[type='reset']:-moz-focusring,
239
[type='submit']:-moz-focusring {
240
  outline: 1px dotted ButtonText;
241
}
242

243
/**
244
 * Correct the padding in Firefox.
245
 */
246

247
fieldset {
248
  padding: 0.35em 0.75em 0.625em;
249
}
250

251
/**
252
 * 1. Correct the text wrapping in Edge and IE.
253
 * 2. Correct the color inheritance from `fieldset` elements in IE.
254
 * 3. Remove the padding so developers are not caught out when they zero out
255
 *    `fieldset` elements in all browsers.
256
 */
257

258
legend {
259
  box-sizing: border-box;
260
  /* 1 */
261
  color: inherit;
262
  /* 2 */
263
  display: table;
264
  /* 1 */
265
  max-width: 100%;
266
  /* 1 */
267
  padding: 0;
268
  /* 3 */
269
  white-space: normal;
270
  /* 1 */
271
}
272

273
/**
274
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
275
 */
276

277
progress {
278
  vertical-align: baseline;
279
}
280

281
/**
282
 * Remove the default vertical scrollbar in IE 10+.
283
 */
284

285
textarea {
286
  overflow: auto;
287
}
288

289
/**
290
 * 1. Add the correct box sizing in IE 10.
291
 * 2. Remove the padding in IE 10.
292
 */
293

294
[type='checkbox'],
295
[type='radio'] {
296
  box-sizing: border-box;
297
  /* 1 */
298
  padding: 0;
299
  /* 2 */
300
}
301

302
/**
303
 * Correct the cursor style of increment and decrement buttons in Chrome.
304
 */
305

306
[type='number']::-webkit-inner-spin-button,
307
[type='number']::-webkit-outer-spin-button {
308
  height: auto;
309
}
310

311
/**
312
 * 1. Correct the odd appearance in Chrome and Safari.
313
 * 2. Correct the outline style in Safari.
314
 */
315

316
[type='search'] {
317
  -webkit-appearance: textfield;
318
  /* 1 */
319
  outline-offset: -2px;
320
  /* 2 */
321
}
322

323
/**
324
 * Remove the inner padding in Chrome and Safari on macOS.
325
 */
326

327
[type='search']::-webkit-search-decoration {
328
  -webkit-appearance: none;
329
}
330

331
/**
332
 * 1. Correct the inability to style clickable types in iOS and Safari.
333
 * 2. Change font properties to `inherit` in Safari.
334
 */
335

336
::-webkit-file-upload-button {
337
  -webkit-appearance: button;
338
  /* 1 */
339
  font: inherit;
340
  /* 2 */
341
}
342

343
/* Interactive
344
   ========================================================================== */
345

346
/*
347
 * Add the correct display in Edge, IE 10+, and Firefox.
348
 */
349

350
details {
351
  display: block;
352
}
353

354
/*
355
 * Add the correct display in all browsers.
356
 */
357

358
summary {
359
  display: list-item;
360
}
361

362
/* Misc
363
   ========================================================================== */
364

365
/**
366
 * Add the correct display in IE 10+.
367
 */
368

369
template {
370
  display: none;
371
}
372

373
/**
374
 * Add the correct display in IE 10.
375
 */
376

377
[hidden] {
378
  display: none;
379
}
380