gulp-starter

1
*,
2
*::before,
3
*::after {
4
  box-sizing: border-box;
5
}
6

7
img {
8
  display: block;
9
  height: auto;
10
  max-width: 100%;
11
  object-fit: cover;
12
  font-style: italic;
13
  user-select: none;
14
}
15

16
video {
17
  display: block;
18
}
19

20
a {
21
  text-decoration: none;
22
}
23

24
h1,
25
h2,
26
h3,
27
h4,
28
h5,
29
h6,
30
p {
31
  margin: 0;
32
}
33

34
textarea {
35
  resize: none;
36
}
37

38
abbr[title] {
39
  text-decoration: none;
40
}
41

42
button {
43
  user-select: none;
44
  white-space: nowrap;
45
  border: none;
46
  padding: 0;
47
  background-color: transparent;
48
  cursor: pointer;
49
}
50

51
ul[class],
52
ol[class] {
53
  list-style: none;
54
  margin: 0;
55
  padding: 0;
56
}
57

58
small {
59
  font-size: 100%;
60
}
61

62
blockquote {
63
  margin: 0;
64
}
65

66
cite {
67
  display: inline-block;
68
  font-style: normal;
69
}
70

71
input {
72
  -webkit-appearance: none;
73
  appearance: none;
74
  border: none;
75
  border-radius: 0;
76
  background-color: #fff;
77
  margin: 0;
78

79
  &::-webkit-search-decoration,
80
  &::-webkit-search-cancel-button,
81
  &::-webkit-search-results-button,
82
  &::-webkit-search-results-decoration,
83
  &::-webkit-outer-spin-button,
84
  &::-webkit-inner-spin-button {
85
    display: none;
86
  }
87

88
  &[type='number'] {
89
    -moz-appearance: textfield;
90
  }
91
}
92

93
dialog {
94
  border: none;
95
  padding: 0;
96
}
97

98
summary {
99
  cursor: pointer;
100
  list-style: none;
101

102
  &::-webkit-details-marker {
103
    display: none;
104
  }
105
}
106

107
mark {
108
  background-color: transparent;
109
  color: currentColor;
110
}
111