refactor: restructure component tokens in order to follow BEM in scss

frameless · Jun 14, 2024 · 6dd80ff · 6dd80ff
1 parent 703c232
commit 6dd80ff
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/components-css/logo/index.scss b/packages/components-css/logo/index.scss
@@ -11,7 +11,7 @@
 .frameless-logo__text {
   display: inline-block;
   font-family: var(--frameless-logo-text-font-family);
-  font-size: var(--frameless-logo-text-font-size-large);
+  font-size: var(--frameless-logo-text-font-size);
 }
 
 .utrecht-logo {
@@ -49,7 +49,7 @@
   }
 
   .frameless-logo__text {
-    font-size: var(--frameless-logo-text-font-size-small);
+    font-size: var(--frameless-logo-text-small-font-size);
     margin-block: 0;
     margin-block-end: 0.5em;
     margin-inline: 0;
@@ -63,6 +63,6 @@
   }
 
   .frameless-logo__text {
-    font-size: var(--frameless-logo-text-font-size-small);
+    font-size: var(--frameless-logo-text-small-font-size);
   }
 }
diff --git a/proprietary/design-tokens/figma/figma.tokens.json b/proprietary/design-tokens/figma/figma.tokens.json
@@ -3187,11 +3187,11 @@
     "frameless": {
       "logo-text": {
         "font-family": { "value": "{frameless.typography.font-family.primary}" },
-        "font-size": {
-          "small": { "value": "{frameless.typography.font-size.2xl}" },
-          "large": { "value": "{frameless.typography.font-size.4xl}" }
-        },
-        "font-weight": { "value": "{frameless.typography.font-weight.normal}" }
+        "font-size": { "value": "{frameless.typography.font-size.4xl}" },
+        "font-weight": { "value": "{frameless.typography.font-weight.normal}" },
+        "small": {
+          "font-size": { "value": "{frameless.typography.font-size.2xl}" }
+        }
       },
       "logo-image": {},
       "logo-wrapper": {