@timus-networks/theme 1.0.159 → 1.0.161

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/components-js/interfaces.d.ts +10 -0
  2. package/index.d.ts +5 -4
  3. package/package.json +3 -1
  4. package/fonts/poppins-font-face/demo.html +0 -424
package/components-js/interfaces.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export interface ThemeProviderTheme extends Vue {
2
+ isDarkMode: boolean;
3
+ isDark: boolean;
4
+ setDarkMode(value: boolean): void;
5
+ }
6
+ declare module 'vue/types/vue' {
7
+ interface Vue {
8
+ $theme: ThemeProviderTheme;
9
+ }
10
+ }
package/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
- export * from './components-js/utils';
2
- export * from './components-js/ThemeSidebar';
3
- export * from './components-js/ThemeRadio';
1
+ export * from './components-js/interfaces';
2
+ export * from './components-js/ThemeCheckbox';
4
3
  export * from './components-js/ThemeForm';
5
- export * from './components-js/ThemeCheckbox';
4
+ export * from './components-js/ThemeRadio';
5
+ export * from './components-js/ThemeSidebar';
6
+ export * from './components-js/utils';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "1.0.159",
3
+ "version": "1.0.161",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "main": "module.js",
6
6
  "types": "index.d.ts",
@@ -11,6 +11,8 @@
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "convert-js": "node convert-js.js",
13
13
  "convert-sass": "node convert-sass.js",
14
+ "fix": "sh -c 'cd \"$(git rev-parse --show-toplevel)\" && git diff --name-only --diff-filter=ACMRTUXB HEAD | xargs -I {} sh -c \"npx prettier --write \\\"{}\\\" && npx eslint --fix \\\"{}\\\"\"'",
15
+ "prepack": "npm run fix",
14
16
  "pub": "npm run convert-js && npm run convert-sass && npm publish --access public"
15
17
  },
16
18
  "repository": {
package/fonts/poppins-font-face/demo.html DELETED
@@ -1,424 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <meta name="robots" content="noindex, noarchive">
8
- <meta name="format-detection" content="telephone=no">
9
- <title>Transfonter demo</title>
10
- <link href="stylesheet.css" rel="stylesheet">
11
- <style>
12
- /*
13
- http://meyerweb.com/eric/tools/css/reset/
14
- v2.0 | 20110126
15
- License: none (public domain)
16
- */
17
- html, body, div, span, applet, object, iframe,
18
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
19
- a, abbr, acronym, address, big, cite, code,
20
- del, dfn, em, img, ins, kbd, q, s, samp,
21
- small, strike, strong, sub, sup, tt, var,
22
- b, u, i, center,
23
- dl, dt, dd, ol, ul, li,
24
- fieldset, form, label, legend,
25
- table, caption, tbody, tfoot, thead, tr, th, td,
26
- article, aside, canvas, details, embed,
27
- figure, figcaption, footer, header, hgroup,
28
- menu, nav, output, ruby, section, summary,
29
- time, mark, audio, video {
30
- margin: 0;
31
- padding: 0;
32
- border: 0;
33
- font-size: 100%;
34
- font: inherit;
35
- vertical-align: baseline;
36
- }
37
- /* HTML5 display-role reset for older browsers */
38
- article, aside, details, figcaption, figure,
39
- footer, header, hgroup, menu, nav, section {
40
- display: block;
41
- }
42
- body {
43
- line-height: 1;
44
- }
45
- ol, ul {
46
- list-style: none;
47
- }
48
- blockquote, q {
49
- quotes: none;
50
- }
51
- blockquote:before, blockquote:after,
52
- q:before, q:after {
53
- content: '';
54
- content: none;
55
- }
56
- table {
57
- border-collapse: collapse;
58
- border-spacing: 0;
59
- }
60
- /* demo styles */
61
- body {
62
- background: #f0f0f0;
63
- color: #000;
64
- }
65
- .page {
66
- background: #fff;
67
- width: 920px;
68
- margin: 0 auto;
69
- padding: 20px 20px 0 20px;
70
- overflow: hidden;
71
- }
72
- .font-container {
73
- overflow-x: auto;
74
- overflow-y: hidden;
75
- margin-bottom: 40px;
76
- line-height: 1.3;
77
- white-space: nowrap;
78
- padding-bottom: 5px;
79
- }
80
- h1 {
81
- position: relative;
82
- background: #444;
83
- font-size: 32px;
84
- color: #fff;
85
- padding: 10px 20px;
86
- margin: 0 -20px 12px -20px;
87
- }
88
- .letters {
89
- font-size: 25px;
90
- margin-bottom: 20px;
91
- }
92
- .s10:before {
93
- content: '10px';
94
- }
95
- .s11:before {
96
- content: '11px';
97
- }
98
- .s12:before {
99
- content: '12px';
100
- }
101
- .s14:before {
102
- content: '14px';
103
- }
104
- .s18:before {
105
- content: '18px';
106
- }
107
- .s24:before {
108
- content: '24px';
109
- }
110
- .s30:before {
111
- content: '30px';
112
- }
113
- .s36:before {
114
- content: '36px';
115
- }
116
- .s48:before {
117
- content: '48px';
118
- }
119
- .s60:before {
120
- content: '60px';
121
- }
122
- .s72:before {
123
- content: '72px';
124
- }
125
- .s10:before, .s11:before, .s12:before, .s14:before,
126
- .s18:before, .s24:before, .s30:before, .s36:before,
127
- .s48:before, .s60:before, .s72:before {
128
- font-family: Arial, sans-serif;
129
- font-size: 10px;
130
- font-weight: normal;
131
- font-style: normal;
132
- color: #999;
133
- padding-right: 6px;
134
- }
135
- pre {
136
- display: block;
137
- padding: 9px;
138
- margin: 0 0 12px;
139
- font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
140
- font-size: 13px;
141
- line-height: 1.428571429;
142
- color: #333;
143
- font-weight: normal;
144
- font-style: normal;
145
- background-color: #f5f5f5;
146
- border: 1px solid #ccc;
147
- overflow-x: auto;
148
- border-radius: 4px;
149
- }
150
- /* responsive */
151
- @media (max-width: 959px) {
152
- .page {
153
- width: auto;
154
- margin: 0;
155
- }
156
- }
157
- </style>
158
- </head>
159
- <body>
160
- <div class="page">
161
- <div class="demo">
162
- <h1 style="font-family: 'Poppins'; font-weight: bold; font-style: normal;">Poppins ExtraBold</h1>
163
- <pre title="Usage">.your-style {
164
- font-family: 'Poppins';
165
- font-weight: bold;
166
- font-style: normal;
167
- }</pre>
168
- <pre title="Preload (optional)">
169
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-ExtraBold.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
170
- <div class="font-container" style="font-family: 'Poppins'; font-weight: bold; font-style: normal;">
171
- <p class="letters">
172
- abcdefghijklmnopqrstuvwxyz<br>
173
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
174
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
175
- </p>
176
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
177
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
178
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
179
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
180
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
181
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
182
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
183
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
184
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
185
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
186
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
187
- </div>
188
- </div>
189
-
190
- <div class="demo">
191
- <h1 style="font-family: 'Poppins'; font-weight: 900; font-style: normal;">Poppins Black</h1>
192
- <pre title="Usage">.your-style {
193
- font-family: 'Poppins';
194
- font-weight: 900;
195
- font-style: normal;
196
- }</pre>
197
- <pre title="Preload (optional)">
198
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-Black.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
199
- <div class="font-container" style="font-family: 'Poppins'; font-weight: 900; font-style: normal;">
200
- <p class="letters">
201
- abcdefghijklmnopqrstuvwxyz<br>
202
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
203
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
204
- </p>
205
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
206
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
207
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
208
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
209
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
210
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
211
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
212
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
213
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
214
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
215
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
216
- </div>
217
- </div>
218
-
219
- <div class="demo">
220
- <h1 style="font-family: 'Poppins'; font-weight: bold; font-style: normal;">Poppins Bold</h1>
221
- <pre title="Usage">.your-style {
222
- font-family: 'Poppins';
223
- font-weight: bold;
224
- font-style: normal;
225
- }</pre>
226
- <pre title="Preload (optional)">
227
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-Bold.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
228
- <div class="font-container" style="font-family: 'Poppins'; font-weight: bold; font-style: normal;">
229
- <p class="letters">
230
- abcdefghijklmnopqrstuvwxyz<br>
231
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
232
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
233
- </p>
234
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
235
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
236
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
237
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
238
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
239
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
240
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
241
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
242
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
243
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
244
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
245
- </div>
246
- </div>
247
-
248
- <div class="demo">
249
- <h1 style="font-family: 'Poppins'; font-weight: 300; font-style: normal;">Poppins Light</h1>
250
- <pre title="Usage">.your-style {
251
- font-family: 'Poppins';
252
- font-weight: 300;
253
- font-style: normal;
254
- }</pre>
255
- <pre title="Preload (optional)">
256
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-Light.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
257
- <div class="font-container" style="font-family: 'Poppins'; font-weight: 300; font-style: normal;">
258
- <p class="letters">
259
- abcdefghijklmnopqrstuvwxyz<br>
260
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
261
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
262
- </p>
263
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
264
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
265
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
266
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
267
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
268
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
269
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
270
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
271
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
272
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
273
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
274
- </div>
275
- </div>
276
-
277
- <div class="demo">
278
- <h1 style="font-family: 'Poppins'; font-weight: 200; font-style: normal;">Poppins ExtraLight</h1>
279
- <pre title="Usage">.your-style {
280
- font-family: 'Poppins';
281
- font-weight: 200;
282
- font-style: normal;
283
- }</pre>
284
- <pre title="Preload (optional)">
285
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-ExtraLight.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
286
- <div class="font-container" style="font-family: 'Poppins'; font-weight: 200; font-style: normal;">
287
- <p class="letters">
288
- abcdefghijklmnopqrstuvwxyz<br>
289
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
290
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
291
- </p>
292
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
293
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
294
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
295
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
296
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
297
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
298
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
299
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
300
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
301
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
302
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
303
- </div>
304
- </div>
305
-
306
- <div class="demo">
307
- <h1 style="font-family: 'Poppins'; font-weight: 500; font-style: normal;">Poppins Medium</h1>
308
- <pre title="Usage">.your-style {
309
- font-family: 'Poppins';
310
- font-weight: 500;
311
- font-style: normal;
312
- }</pre>
313
- <pre title="Preload (optional)">
314
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-Medium.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
315
- <div class="font-container" style="font-family: 'Poppins'; font-weight: 500; font-style: normal;">
316
- <p class="letters">
317
- abcdefghijklmnopqrstuvwxyz<br>
318
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
319
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
320
- </p>
321
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
322
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
323
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
324
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
325
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
326
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
327
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
328
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
329
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
330
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
331
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
332
- </div>
333
- </div>
334
-
335
- <div class="demo">
336
- <h1 style="font-family: 'Poppins'; font-weight: normal; font-style: normal;">Poppins Regular</h1>
337
- <pre title="Usage">.your-style {
338
- font-family: 'Poppins';
339
- font-weight: normal;
340
- font-style: normal;
341
- }</pre>
342
- <pre title="Preload (optional)">
343
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-Regular.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
344
- <div class="font-container" style="font-family: 'Poppins'; font-weight: normal; font-style: normal;">
345
- <p class="letters">
346
- abcdefghijklmnopqrstuvwxyz<br>
347
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
348
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
349
- </p>
350
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
351
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
352
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
353
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
354
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
355
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
356
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
357
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
358
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
359
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
360
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
361
- </div>
362
- </div>
363
-
364
- <div class="demo">
365
- <h1 style="font-family: 'Poppins'; font-weight: 100; font-style: normal;">Poppins Thin</h1>
366
- <pre title="Usage">.your-style {
367
- font-family: 'Poppins';
368
- font-weight: 100;
369
- font-style: normal;
370
- }</pre>
371
- <pre title="Preload (optional)">
372
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-Thin.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
373
- <div class="font-container" style="font-family: 'Poppins'; font-weight: 100; font-style: normal;">
374
- <p class="letters">
375
- abcdefghijklmnopqrstuvwxyz<br>
376
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
377
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
378
- </p>
379
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
380
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
381
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
382
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
383
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
384
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
385
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
386
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
387
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
388
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
389
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
390
- </div>
391
- </div>
392
-
393
- <div class="demo">
394
- <h1 style="font-family: 'Poppins'; font-weight: 600; font-style: normal;">Poppins SemiBold</h1>
395
- <pre title="Usage">.your-style {
396
- font-family: 'Poppins';
397
- font-weight: 600;
398
- font-style: normal;
399
- }</pre>
400
- <pre title="Preload (optional)">
401
- &lt;link rel=&quot;preload&quot; href=&quot;files/Poppins-SemiBold.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
402
- <div class="font-container" style="font-family: 'Poppins'; font-weight: 600; font-style: normal;">
403
- <p class="letters">
404
- abcdefghijklmnopqrstuvwxyz<br>
405
- ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
406
- 0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
407
- </p>
408
- <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
409
- <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
410
- <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
411
- <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
412
- <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
413
- <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
414
- <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
415
- <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
416
- <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
417
- <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
418
- <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
419
- </div>
420
- </div>
421
-
422
- </div>
423
- </body>
424
- </html>