feat: added vertical variant to sd-copyright

solid-design-system · Sep 19, 2024 · fccdbe7 · fccdbe7
1 parent ef5f047
commit fccdbe7
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/packages/components/src/styles/copyright/copyright.css b/packages/components/src/styles/copyright/copyright.css
@@ -6,4 +6,14 @@
     content: var(--copyright);
     text-shadow: 0 1px 3px #515151bf;
   }
+
+  &--variant {
+    &-vertical {
+      &::after {
+        @apply pl-2;
+        writing-mode: vertical-rl;
+        transform: rotate(180deg);
+      }
+    }
+  }
 }
diff --git a/packages/components/src/styles/copyright/copyright.declaration.ts b/packages/components/src/styles/copyright/copyright.declaration.ts
@@ -5,5 +5,11 @@ export default {
   summary: 'Generates basic styles for copyright elements.',
   status: 'stable',
   since: '2.5.0',
-  attributes: []
+  attributes: [
+    {
+      name: 'sd-copyright--variant-...',
+      options: ['vertical'],
+      description: 'The copyrights vertical variant.'
+    }
+  ]
 } satisfies Style;