feat(WEB-131): add loyalty page

2024-04-17 16:20:55 +02:00
parent 4243056fe8
commit c00f7b78eb
21 changed files with 386 additions and 11 deletions
--- a/components/Title/title.module.css
+++ b/components/Title/title.module.css
@@ -0,0 +1,85 @@
+.heading {
+  /* font-family: var(--ff-brandon-text); */
+  margin: 0;
+  padding: 0;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.h1 {
+  font-size: var(--typography-Title1-Mobile-fontSize);
+  line-height: var(--typography-Title1-Mobile-lineHeight);
+}
+
+.h2 {
+  font-size: var(--typography-Title2-Mobile-fontSize);
+  line-height: var(--typography-Title2-Mobile-lineHeight);
+}
+
+.h3 {
+  font-size: var(--typography-Title3-Mobile-fontSize);
+  line-height: var(--typography-Title3-Mobile-lineHeight);
+}
+
+.h4 {
+  font-size: var(--typography-Title4-Mobile-fontSize);
+  line-height: var(--typography-Title4-Mobile-lineHeight);
+}
+
+.h5 {
+  font-size: var(--typography-Title5-Mobile-fontSize);
+  line-height: var(--typography-Title5-Mobile-lineHeight);
+}
+
+.light {
+  font-weight: 300;
+}
+
+.regular {
+  font-weight: 400;
+}
+
+.medium {
+  font-weight: 500;
+}
+
+.semiBold {
+  font-weight: 600;
+}
+
+.bold {
+  font-weight: 700;
+}
+
+.black {
+  font-weight: 900;
+}
+
+@media screen and (min-width: 950px) {
+  .h1 {
+    font-size: var(--typography-Title1-Desktop-fontSize);
+    line-height: var(--typography-Title1-Desktop-lineHeight);
+  }
+
+  .h2 {
+    font-size: var(--typography-Title2-Desktop-fontSize);
+    line-height: var(--typography-Title2-Desktop-lineHeight);
+  }
+
+  .h3 {
+    font-size: var(--typography-Title3-Desktop-fontSize);
+    line-height: var(--typography-Title3-Desktop-lineHeight);
+  }
+
+  .h4 {
+    font-size: var(--typography-Title4-Desktop-fontSize);
+    line-height: var(--typography-Title4-Desktop-lineHeight);
+  }
+
+  .h5 {
+    font-size: var(--typography-Title5-Desktop-fontSize);
+    line-height: var(--typography-Title5-Desktop-lineHeight);
+  }
+}