complete story 13.3

2026-01-04 22:55:31 +02:00
parent d9a35a19d0
commit 29881ba8f6
5 changed files with 169 additions and 12 deletions
@@ -855,6 +855,32 @@ img, video, iframe {
    @apply transition-all duration-200 ease-out;
 }

+/* ==========================================================================
+   Auth Background Pattern (Story 13.3)
+   Subtle geometric dot pattern for auth form panels
+   ========================================================================== */
+
+/* Pattern overlay using pseudo-element - fixed positioning doesn't scroll */
+.auth-pattern {
+    position: relative;
+}
+
+.auth-pattern::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image: url('/images/auth-pattern.svg');
+    background-repeat: repeat;
+    pointer-events: none;
+    z-index: 0;
+}
+
+/* Ensure content stays above pattern */
+.auth-pattern > * {
+    position: relative;
+    z-index: 1;
+}
+
 /* ==========================================================================
   Accessibility Styles (Story 9.10)
   WCAG 2.1 AA Compliance