The repo for Purrform's main BigCommerce store.
refactor: remove font imports
+2
-30
+1
-17
assets/scss/custom/pages/_diet-builder.scss
+1
-17
assets/scss/custom/pages/_diet-builder.scss
···
16
16
}
17
17
18
18
// Import fonts
19
-
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');
19
+
// @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');
20
20
21
21
// Full-width wrapper that breaks out of container
22
22
.diet-builder-wrapper {
···
51
51
}
52
52
53
53
h1 {
54
-
font-family: 'Playfair Display', serif;
55
54
font-weight: 700;
56
55
font-size: clamp(1.8rem, 5vw, 2.8rem);
57
56
color: var(--db-green);
···
61
60
}
62
61
63
62
p {
64
-
font-family: 'DM Sans', sans-serif;
65
63
font-size: 1rem;
66
64
font-weight: 300;
67
65
color: var(--db-text-muted);
···
84
82
}
85
83
86
84
.diet-builder-step__heading {
87
-
font-family: 'Playfair Display', serif;
88
85
font-weight: 600;
89
86
color: var(--db-green);
90
87
font-size: 1.5rem;
···
97
94
transition: all var(--db-transition);
98
95
border: 2px solid var(--db-green) !important;
99
96
color: white;
100
-
font-family: 'DM Sans', sans-serif;
101
97
font-size: 1rem;
102
98
font-weight: 600;
103
99
text-align: center;
···
124
120
125
121
.diet-builder-btn--secondary {
126
122
background-color: white;
127
-
font-family: 'DM Sans', sans-serif;
128
123
font-weight: 600;
129
124
color: var(--db-green);
130
125
border: 2px solid var(--db-green);
···
224
219
label,
225
220
.diet-builder-age-form__dob-label {
226
221
display: block;
227
-
font-family: 'DM Sans', sans-serif;
228
222
text-transform: uppercase;
229
223
color: var(--db-text);
230
224
font-size: 0.8rem;
···
247
241
color: var(--db-text);
248
242
font-size: 1rem;
249
243
padding: 0 20px;
250
-
font-family: 'DM Sans', sans-serif;
251
244
transition:
252
245
border-color var(--db-transition),
253
246
box-shadow var(--db-transition);
···
279
272
280
273
label {
281
274
display: block;
282
-
font-family: 'DM Sans', sans-serif;
283
275
text-transform: uppercase;
284
276
color: var(--db-text);
285
277
font-size: 0.8rem;
···
298
290
color: var(--db-text);
299
291
font-size: 1rem;
300
292
padding: 0 20px;
301
-
font-family: 'DM Sans', sans-serif;
302
293
transition:
303
294
border-color var(--db-transition),
304
295
box-shadow var(--db-transition);
···
332
323
color: var(--db-text);
333
324
font-size: 1rem;
334
325
text-align: center;
335
-
font-family: 'DM Sans', sans-serif;
336
326
appearance: textfield;
337
327
-moz-appearance: textfield;
338
328
transition:
···
397
387
max-width: 250px;
398
388
399
389
.diet-builder-weight__label {
400
-
font-family: 'DM Sans', sans-serif;
401
390
color: var(--db-text);
402
391
font-weight: 600;
403
392
text-transform: uppercase;
···
416
405
color: var(--db-text);
417
406
font-size: 1.2rem;
418
407
text-align: center;
419
-
font-family: 'DM Sans', sans-serif;
420
408
appearance: textfield;
421
409
-moz-appearance: textfield;
422
410
transition:
···
560
548
align-items: center;
561
549
562
550
.diet-builder-ingredients__description {
563
-
font-family: 'DM Sans', sans-serif;
564
551
color: var(--db-text-muted);
565
552
font-size: 0.95rem;
566
553
text-align: center;
···
591
578
border: 2px solid var(--db-border);
592
579
border-radius: var(--db-radius);
593
580
padding: 16px 12px;
594
-
font-family: 'DM Sans', sans-serif;
595
581
font-size: 0.9rem;
596
582
font-weight: 600;
597
583
color: var(--db-text);
···
660
646
display: flex;
661
647
align-items: center;
662
648
justify-content: center;
663
-
font-family: 'DM Sans', sans-serif;
664
649
font-size: 0.85rem;
665
650
font-weight: 600;
666
651
color: var(--db-text);
···
691
676
color: #c0392b;
692
677
font-size: 0.875rem;
693
678
margin-top: 1rem;
694
-
font-family: 'DM Sans', sans-serif;
695
679
}
696
680
697
681
.diet-builder-health__buttons {
+1
-1
config.json
+1
-1
config.json
-12
templates/pages/custom/page/feline-grimace-scale.html
-12
templates/pages/custom/page/feline-grimace-scale.html
···
1
1
{{#partial "page"}}
2
-
<head>
3
-
<meta charset="UTF-8">
4
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5
-
<title>Feline Grimace Scale</title>
6
-
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
7
2
<style>
8
3
:root {
9
4
--fgs-bg: #f7f4f0;
···
24
19
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
25
20
26
21
body {
27
-
font-family: 'DM Sans', sans-serif;
28
22
background: var(--fgs-bg);
29
23
color: var(--fgs-text);
30
24
min-height: 100vh;
···
70
64
}
71
65
72
66
header h1 {
73
-
font-family: 'Playfair Display', serif;
74
67
font-size: clamp(1.8rem, 5vw, 2.8rem);
75
68
font-weight: 700;
76
69
color: var(--fgs-green);
···
160
153
}
161
154
162
155
.unit-header h2 {
163
-
font-family: 'DM Sans', sans-serif;
164
156
color: white;
165
157
font-size: 0.82rem;
166
158
font-weight: 600;
···
296
288
297
289
.score-panel-header h2 {
298
290
color: white;
299
-
font-family: 'Playfair Display', serif;
300
291
font-size: 1.1rem;
301
292
font-weight: 600;
302
293
}
···
328
319
}
329
320
330
321
.score-item-value {
331
-
font-family: 'Playfair Display', serif;
332
322
font-size: 1.6rem;
333
323
font-weight: 700;
334
324
color: var(--fgs-text);
···
346
336
}
347
337
348
338
.total-number {
349
-
font-family: 'Playfair Display', serif;
350
339
font-size: 3.6rem;
351
340
margin-right: 3px;
352
341
font-weight: 700;
···
497
486
.total-section { gap: 14px; }
498
487
}
499
488
</style>
500
-
</head>
501
489
<body>
502
490
<div class="wrapper">
503
491