1
1
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
2
2
/// <reference path="../types/vitest.d.ts" />
3
3
4
- import { describe , it , expect } from 'vitest'
4
+ import { describe , expect , it } from 'vitest'
5
5
6
6
import capsizePlugin from '../src/index.js'
7
7
import { css , html , run } from './run.js'
@@ -85,16 +85,14 @@ describe('Plugin', () => {
85
85
86
86
.leading-md {
87
87
--line-height-offset: calc(
88
- (((var(--line-height-scale) * var(--font-size-px)) - 40) / 2) /
89
- var(--font-size-px)
88
+ (((var(--line-height-scale) * var(--font-size-px)) - 40) / 2) / var(--font-size-px)
90
89
);
91
90
line-height: 2.5rem;
92
91
}
93
92
94
93
.leading-sm {
95
94
--line-height-offset: calc(
96
- (((var(--line-height-scale) * var(--font-size-px)) - 20) / 2) /
97
- var(--font-size-px)
95
+ (((var(--line-height-scale) * var(--font-size-px)) - 20) / 2) / var(--font-size-px)
98
96
);
99
97
line-height: 20px;
100
98
}
@@ -104,23 +102,20 @@ describe('Plugin', () => {
104
102
content: '';
105
103
margin-bottom: calc(
106
104
(
107
- (
108
- var(--ascent-scale) - var(--cap- height-scale) +
109
- var(--line-gap-scale) / 2
110
- ) - var(--line-height-offset)
111
- ) * -1em
105
+ (var(--ascent-scale) - var(--cap-height-scale) + var(--line-gap-scale) / 2) - var(
106
+ --line- height-offset
107
+ )
108
+ ) *
109
+ -1em
112
110
);
113
111
}
114
112
115
113
.capsize::after {
116
114
display: table;
117
115
content: '';
118
116
margin-top: calc(
119
- (
120
- (var(--descent-scale) + var(--line-gap-scale) / 2) - var(
121
- --line-height-offset
122
- )
123
- ) * -1em
117
+ ((var(--descent-scale) + var(--line-gap-scale) / 2) - var(--line-height-offset)) *
118
+ -1em
124
119
);
125
120
}
126
121
@@ -146,16 +141,14 @@ describe('Plugin', () => {
146
141
147
142
.sm\\:leading-md {
148
143
--line-height-offset: calc(
149
- (((var(--line-height-scale) * var(--font-size-px)) - 40) / 2) /
150
- var(--font-size-px)
144
+ (((var(--line-height-scale) * var(--font-size-px)) - 40) / 2) / var(--font-size-px)
151
145
);
152
146
line-height: 2.5rem;
153
147
}
154
148
155
149
.sm\\:leading-sm {
156
150
--line-height-offset: calc(
157
- (((var(--line-height-scale) * var(--font-size-px)) - 20) / 2) /
158
- var(--font-size-px)
151
+ (((var(--line-height-scale) * var(--font-size-px)) - 20) / 2) / var(--font-size-px)
159
152
);
160
153
line-height: 20px;
161
154
}
@@ -202,16 +195,14 @@ describe('Plugin', () => {
202
195
203
196
.leading-md {
204
197
--line-height-offset: calc(
205
- (((var(--line-height-scale) * var(--font-size-px)) - 30) / 2) /
206
- var(--font-size-px)
198
+ (((var(--line-height-scale) * var(--font-size-px)) - 30) / 2) / var(--font-size-px)
207
199
);
208
200
line-height: 2.5rem;
209
201
}
210
202
211
203
.leading-sm {
212
204
--line-height-offset: calc(
213
- (((var(--line-height-scale) * var(--font-size-px)) - 20) / 2) /
214
- var(--font-size-px)
205
+ (((var(--line-height-scale) * var(--font-size-px)) - 20) / 2) / var(--font-size-px)
215
206
);
216
207
line-height: 20px;
217
208
}
@@ -221,23 +212,20 @@ describe('Plugin', () => {
221
212
content: '';
222
213
margin-bottom: calc(
223
214
(
224
- (
225
- var(--ascent-scale) - var(--cap- height-scale) +
226
- var(--line-gap-scale) / 2
227
- ) - var(--line-height-offset)
228
- ) * -1em
215
+ (var(--ascent-scale) - var(--cap-height-scale) + var(--line-gap-scale) / 2) - var(
216
+ --line- height-offset
217
+ )
218
+ ) *
219
+ -1em
229
220
);
230
221
}
231
222
232
223
.capsize::after {
233
224
display: table;
234
225
content: '';
235
226
margin-top: calc(
236
- (
237
- (var(--descent-scale) + var(--line-gap-scale) / 2) - var(
238
- --line-height-offset
239
- )
240
- ) * -1em
227
+ ((var(--descent-scale) + var(--line-gap-scale) / 2) - var(--line-height-offset)) *
228
+ -1em
241
229
);
242
230
}
243
231
` ) ,
@@ -281,8 +269,10 @@ describe('Plugin', () => {
281
269
(var(--line-height-scale) * var(--font-size-px)) - calc(
282
270
1.5 * var(--font-size-px)
283
271
)
284
- ) / 2
285
- ) / var(--font-size-px)
272
+ ) /
273
+ 2
274
+ ) /
275
+ var(--font-size-px)
286
276
);
287
277
line-height: 1.5;
288
278
}
@@ -294,8 +284,10 @@ describe('Plugin', () => {
294
284
(var(--line-height-scale) * var(--font-size-px)) - calc(
295
285
1 * var(--font-size-px)
296
286
)
297
- ) / 2
298
- ) / var(--font-size-px)
287
+ ) /
288
+ 2
289
+ ) /
290
+ var(--font-size-px)
299
291
);
300
292
line-height: 100%;
301
293
}
@@ -305,23 +297,20 @@ describe('Plugin', () => {
305
297
content: '';
306
298
margin-bottom: calc(
307
299
(
308
- (
309
- var(--ascent-scale) - var(--cap- height-scale) +
310
- var(--line-gap-scale) / 2
311
- ) - var(--line-height-offset)
312
- ) * -1em
300
+ (var(--ascent-scale) - var(--cap-height-scale) + var(--line-gap-scale) / 2) - var(
301
+ --line- height-offset
302
+ )
303
+ ) *
304
+ -1em
313
305
);
314
306
}
315
307
316
308
.capsize::after {
317
309
display: table;
318
310
content: '';
319
311
margin-top: calc(
320
- (
321
- (var(--descent-scale) + var(--line-gap-scale) / 2) - var(
322
- --line-height-offset
323
- )
324
- ) * -1em
312
+ ((var(--descent-scale) + var(--line-gap-scale) / 2) - var(--line-height-offset)) *
313
+ -1em
325
314
);
326
315
}
327
316
` ) ,
0 commit comments