Skip to content

Commit f8ce58a

Browse files
otackeotacke
committed
Make stylelint happy
1 parent 60cab6d commit f8ce58a

File tree

1 file changed

+54
-53
lines changed

1 file changed

+54
-53
lines changed

‎src/styles/h5p-dictation.css

+54-53
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
/* Only used for audio button, could go into H5Picons */
22
@font-face {
33
font-family: "H5PDictation";
4-
src: url('../fonts/H5PDictation.woff') format('woff');
4+
src: url("../fonts/H5PDictation.woff") format("woff");
55
font-weight: normal;
66
font-style: normal;
77
}
8-
.h5p-dictation {}
98
.h5p-dictation-no-content {
109
width: auto;
1110
font-size: 1.5em;
@@ -34,7 +33,7 @@
3433
display: flex;
3534
align-self: flex-start;
3635
float: left;
37-
margin: 0 0.25em 0 0;
36+
margin: 0 .25em 0 0;
3837
font-size: 1.5em;
3938
width: 1.5em;
4039
height: 1.5em;
@@ -46,14 +45,14 @@
4645
display: flex;
4746
flex-direction: column;
4847
align-self: flex-start;
49-
padding-top: 0.25em;
50-
padding-left: 0.25em;
48+
padding-top: .25em;
49+
padding-left: .25em;
5150
flex-grow: 1;
5251
}
5352
.h5p-dictation .h5p-solution-container {
5453
position: relative;
55-
width: calc(100% - 0.5em);
56-
left: 0.25em;
54+
width: calc(100% - .5em);
55+
left: .25em;
5756
}
5857
.h5p-dictation .h5p-solution-container.hide {
5958
display: none;
@@ -63,7 +62,7 @@
6362
border-bottom: 1px solid #ddd;
6463
border-left: 1px solid #ddd;
6564
border-right: 1px solid #ddd;
66-
padding: 0.5em 1.25em 0.5em 0.5em;
65+
padding: .5em 1.25em .5em .5em;
6766
text-align: left;
6867
position: relative;
6968
}
@@ -73,11 +72,11 @@
7372
display: inline-flex;
7473
flex-wrap: wrap;
7574
padding-right: 1.615384615em;
76-
padding-bottom: 0.5em;
77-
padding-left: 0.5em;
75+
padding-bottom: .5em;
76+
padding-left: .5em;
7877
}
7978
.h5p-dictation .h5p-solution-text.h5p-solution-last-correct {
80-
padding-right: 0.5em;
79+
padding-right: .5em;
8180
}
8281
.h5p-dictation .h5p-audio-minimal-button {
8382
border: none;
@@ -88,33 +87,31 @@
8887
height: 1.5em;
8988
line-height: 1.5em;
9089
}
91-
.h5p-dictation .h5p-audio-minimal-button:before {
92-
font-size: 0.8em;
90+
.h5p-dictation .h5p-audio-minimal-button::before {
91+
font-size: .8em;
9392
vertical-align: bottom;
9493
}
9594
.h5p-dictation .h5p-audio-minimal-button.h5p-audio-minimal-none {
9695
background: none;
9796
cursor: default;
9897
}
99-
.h5p-dictation .h5p-audio-minimal-button.h5p-audio-minimal-pause:before {
100-
font-size: 0.6em;
98+
.h5p-dictation .h5p-audio-minimal-button.h5p-audio-minimal-pause::before {
99+
content: "\f04c";
100+
font-size: .6em;
101101
}
102102
.h5p-dictation .h5p-audio-minimal-button.h5p-audio-minimal-slow {
103-
font-family: "H5PDictation";
103+
font-family: "H5PDictation", sans-serif;
104104
}
105-
.h5p-dictation .h5p-audio-minimal-button.h5p-audio-minimal-slow:before {
105+
.h5p-dictation .h5p-audio-minimal-button.h5p-audio-minimal-slow::before {
106106
content: "\e900";
107-
font-size: 1.1em;
108-
}
109-
.h5p-dictation .h5p-audio-minimal-button.h5p-audio-minimal-pause:before {
110-
content: "\f04c";
107+
font-size: 1.1em;
111108
}
112109
.h5p-dictation .h5p-text-input {
113-
font-family: H5PDroidSans, sans-serif;
110+
font-family: "H5PDroidSans", sans-serif;
114111
font-size: 1em;
115-
border-radius: 0.25em;
112+
border-radius: .25em;
116113
border: 1px solid #a0a0a0;
117-
padding: 0.1875em 1em 0.1875em 0.5em;
114+
padding: .1875em 1em .1875em .5em;
118115
text-overflow: ellipsis;
119116
overflow: hidden;
120117
white-space: break-spaces;
@@ -128,34 +125,38 @@
128125
}
129126
.h5p-dictation .h5p-text-input:focus {
130127
outline: none;
131-
box-shadow: 0 0 0.5em 0 #7fb8ff;
128+
box-shadow: 0 0 .5em 0 #7fb8ff;
132129
border-color: #7fb8ff;
133130
}
134131
.h5p-dictation .h5p-text-input:disabled {
135132
background: #e9e9e4;
136133
}
137134
/* Solution markers */
138135

139-
.h5p-dictation .h5p-answer-added, .h5p-dictation .h5p-answer-wrong, .h5p-dictation .h5p-answer-typo {
136+
.h5p-dictation .h5p-answer-added,
137+
.h5p-dictation .h5p-answer-wrong,
138+
.h5p-dictation .h5p-answer-typo {
140139
text-decoration: line-through;
141140
}
142-
.h5p-dictation .h5p-answer-missing, .h5p-dictation .h5p-answer-match {}
143-
.h5p-dictation .h5p-solution-added, .h5p-dictation .h5p-solution-wrong, .h5p-dictation .h5p-solution-typo, .h5p-dictation .h5p-solution-missing, .h5p-dictation .h5p-solution-match {}
144-
.h5p-dictation .h5p-wrapper-wrong, .h5p-dictation .h5p-wrapper-missing, .h5p-dictation .h5p-wrapper-added {
141+
.h5p-dictation .h5p-wrapper-wrong,
142+
.h5p-dictation .h5p-wrapper-missing,
143+
.h5p-dictation .h5p-wrapper-added {
145144
background-color: #f7d0d0;
146145
border: 1px solid #f7d0d0;
147146
color: #b71c1c;
148-
margin-top: 0.5em;
147+
margin-top: .5em;
149148
position: relative;
150-
border-radius: 0.25em;
151-
padding: 0.15em;
149+
border-radius: .25em;
150+
padding: .15em;
152151
line-height: 1em;
153152
}
154-
.h5p-dictation .h5p-wrapper-wrong:after, .h5p-dictation .h5p-wrapper-missing:after, .h5p-dictation .h5p-wrapper-added:after {
155-
padding-left: 0.25em;
156-
right: 0.5em;
153+
.h5p-dictation .h5p-wrapper-wrong::after,
154+
.h5p-dictation .h5p-wrapper-missing::after,
155+
.h5p-dictation .h5p-wrapper-added::after {
156+
padding-left: .25em;
157+
right: .5em;
157158
top: 0;
158-
font-family: 'H5PFontAwesome4';
159+
font-family: "H5PFontAwesome4", sans-serif;
159160
text-decoration: none;
160161
content: "\f00d";
161162
color: #b71c1c;
@@ -164,17 +165,17 @@
164165
background-color: #f7e3cf;
165166
border: 1px solid #f7e3cf;
166167
color: #b5691c;
167-
margin-top: 0.5em;
168+
margin-top: .5em;
168169
position: relative;
169-
border-radius: 0.25em;
170-
padding: 0.15em;
170+
border-radius: .25em;
171+
padding: .15em;
171172
line-height: 1em;
172173
}
173-
.h5p-dictation .h5p-wrapper-typo:after {
174-
padding-left: 0.25em;
175-
right: 0.5em;
174+
.h5p-dictation .h5p-wrapper-typo::after {
175+
padding-left: .25em;
176+
right: .5em;
176177
top: 0;
177-
font-family: 'H5PFontAwesome4';
178+
font-family: "H5PFontAwesome4", sans-serif;
178179
text-decoration: none;
179180
content: "\f12a";
180181
color: #b5691c;
@@ -183,34 +184,34 @@
183184
background: #9dd8bb;
184185
border: 1px solid #9dd8bb;
185186
color: #255c41;
186-
margin-top: 0.5em;
187+
margin-top: .5em;
187188
position: relative;
188-
border-radius: 0.25em;
189-
padding: 0.15em;
189+
border-radius: .25em;
190+
padding: .15em;
190191
line-height: 1em;
191192
}
192-
.h5p-dictation .h5p-wrapper-match:after {
193-
padding-left: 0.25em;
194-
right: 0.5em;
193+
.h5p-dictation .h5p-wrapper-match::after {
194+
padding-left: .25em;
195+
right: .5em;
195196
top: 0;
196197
text-decoration: none;
197198
content: "\f00c";
198-
font-family: 'H5PFontAwesome4';
199+
font-family: "H5PFontAwesome4", sans-serif;
199200
color: #255c41;
200201
}
201202
.h5p-spacer {
202-
margin-right: 0.25em;
203+
margin-right: .25em;
203204
}
204205
/* This could be part of H5P.Question */
205206

206207
.h5p-question-plus-one-half,
207208
.h5p-question-minus-one-half {
208209
position: absolute;
209210
width: 1.923076923em;
210-
height: calc(1.923076923em * 0.638297872);
211+
height: calc(1.923076923em * .638297872);
211212
background-size: 100% 100%;
212213
right: -1.615384615em;
213-
top: -0.846153846em;
214+
top: -.846153846em;
214215
z-index: 1;
215216
opacity: 1;
216217
transition: opacity 150ms linear, transform 150ms linear;

0 commit comments

Comments
 (0)