Add critical CSS styles for layout and typography, enhance button styles with rounded corners, and introduce a progress card component with Safrangold accent border.

2025-10-30 11:01:14 +01:00
parent 1f6adfb324
commit aea87ccc5f
5 changed files with 171 additions and 16 deletions
--- a/docs/design-examples/components/ExperimentaCard.vue
+++ b/docs/design-examples/components/ExperimentaCard.vue
@@ -89,9 +89,10 @@ withDefaults(defineProps<Props>(), {
  @apply rounded-2xl md:rounded-lg;
 }

-/* Accent Border (Left) */
+/* Accent Border (Left) - Safrangold (#f59d24) */
 .card-accent-border {
-  @apply border-l-4 border-accent;
+  border-left: 6px solid #f59d24;
+  @apply rounded-l-lg;
 }

 /* Card Title */