style: change classnames, brand to component tokens, add logotext upp…

…ercase
frameless · May 31, 2024 · 1a5bc9b · 1a5bc9b
1 parent 8b206a4
commit 1a5bc9b
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/components-css/logo/index.scss b/packages/components-css/logo/index.scss
@@ -1,14 +1,14 @@
-.frameless-logo {
+.frameless-logo__wrapper {
   align-items: center;
   display: flex;
   flex-direction: row;
-  inline-size: var(--frameless-size-2xl);
-  padding-block: var(--frameless-space-block-snail);
-  padding-inline: var(--frameless-space-inline-snail);
+  inline-size: var(--frameless-logo-wrapper-inline-size);
+  padding-block: var(--frameless-logo-wrapper-padding-block);
+  padding-inline: var(--frameless-logo-wrapper-padding-inline);
 }
 
 .frameless-logo__text {
   font-family: var(--frameless-logo-text-font-family);
-  font-size: var(--frameless-typography-font-size-3xl);
-  inline-size: var(--frameless-size-xl);
+  font-size: var(--frameless-logo-text-font-size);
+  text-transform: uppercase;
 }