chore[DST-29]: headline styles b2b theme (#3149)

* headline styles b2b * remove log * .
marigold-ui · Jul 18, 2023 · d83db63 · d83db63 · vercel · Jul 18, 2023
1 parent 94c0a5f
commit d83db63
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/packages/components/src/Headline/Headline.stories.tsx b/packages/components/src/Headline/Headline.stories.tsx
@@ -49,9 +49,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Basic: Story = {
-  render: args => (
-    <Headline color="red-300" {...args}>
-      This is a Headline!!
-    </Headline>
-  ),
+  render: args => <Headline {...args}>This is a Headline!!</Headline>,
 };
diff --git a/themes/theme-b2b/src/components/Headline.styles.ts b/themes/theme-b2b/src/components/Headline.styles.ts
@@ -3,12 +3,12 @@ import { ThemeComponent, cva } from '@marigold/system';
 export const Headline: ThemeComponent<'Headline'> = cva('', {
   variants: {
     size: {
-      'level-1': 'text-2xl',
-      'level-2': 'text-base',
-      'level-3': 'text-sm',
-      'level-4': 'text-[1.125rem]',
-      'level-5': 'text-xs',
-      'level-6': 'text-xs uppercase',
+      'level-1': 'mb-6 text-5xl font-black',
+      'level-2': 'mb-2 mt-8 text-2xl font-black',
+      'level-3': 'mb-2 mt-4 text-2xl font-black',
+      'level-4': 'text-lg font-black',
+      'level-5': 'text-base font-black',
+      'level-6': 'text-base font-normal uppercase',
     },
   },
 });