feat(vth): print font sizes and element spacing

frameless · Dec 1, 2023 · d2940d9 · d2940d9
1 parent a6fad68
commit d2940d9
Show file tree

Hide file tree

Showing 5 changed files with 1,837 additions and 4 deletions.
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -13,9 +13,9 @@
     "scss/percent-placeholder-pattern": "^(example|utrecht)-[a-z0-9-]+$",
     "scss/operator-no-newline-after": null,
     "scss/at-extend-no-missing-placeholder": null,
-    "custom-property-pattern": "^_?(example|denhaag|utrecht)-[a-z0-9-]+$",
-    "selector-class-pattern": "^(example|denhaag|utrecht)-[a-z0-9_-]+$",
-    "keyframes-name-pattern": "^(example|utrecht)-[a-z0-9-]+$",
+    "custom-property-pattern": "^_?(todo|example|denhaag|utrecht)-[a-z0-9-]+$",
+    "selector-class-pattern": "^(todo|example|denhaag|utrecht)-[a-z0-9_-]+$",
+    "keyframes-name-pattern": "^(todo|example|utrecht)-[a-z0-9-]+$",
     "at-rule-no-unknown": null,
     "block-no-empty": [true],
     "color-no-invalid-hex": [true],

diff --git a/apps/vth-frontend/src/app/[locale]/print/page.tsx b/apps/vth-frontend/src/app/[locale]/print/page.tsx
@@ -7,6 +7,8 @@ import { GET_PRINT_PAGE } from '@/query';
 import { createStrapiURL } from '@/util/createStrapiURL';
 import { fetchData } from '@/util/fetchData';
 import { getImageBaseUrl } from '@/util/getImageBaseUrl';
+import '../../../styles/space.css';
+import '../../../styles/print.css';
 
 type PrintPageData = {
   title: string;

diff --git a/apps/vth-frontend/src/styles/globals.css b/apps/vth-frontend/src/styles/globals.css
@@ -83,12 +83,21 @@ body {
   /* active focus */
   --utrecht-navigation-link-active-focus-color: var(--utrecht-color-black);
 
+  /* --- navigation tokens end --- */
+
+  /* --- spacing tokens start --- */
+  --denhaag-space-besties: 4px;
+  --denhaag-space-vrienden: 8px;
+  --denhaag-space-kennissen: 16px;
+  --denhaag-space-onbekenden: 32px;
+  --denhaag-space-onbemindend: 64px;
+
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 
-  /* --- navigation tokens end --- */
+  /* --- spacing tokens end --- */
 }
 
 a {

diff --git a/apps/vth-frontend/src/styles/print.css b/apps/vth-frontend/src/styles/print.css
@@ -0,0 +1,10 @@
+.utrecht-print-page {
+  --utrecht-heading-3-font-size: var(--utrecht-heading-2-font-size);
+  --utrecht-heading-4-font-size: var(--utrecht-heading-2-font-size);
+  --utrecht-heading-5-font-size: var(--utrecht-heading-2-font-size);
+  --utrecht-heading-6-font-size: var(--utrecht-heading-2-font-size);
+}
+
+.utrecht-image {
+  max-inline-size: 500px;
+}