first commit

assets/scss/components/_badges.scss

@@ -0,0 +1,38 @@
+@use "../abstracts/variables" as *;
+
+// =============================================================
+// Badges — bloc composant .badge pour rôles utilisateur et catégories
+// =============================================================
+
+.badge {
+    padding: 0.2rem $spacing-sm;
+    border-radius: $border-radius-sm;
+    font-size: $font-size-xs;
+
+    &--admin {
+        color: $color-warning-text;
+        background: $color-warning-bg;
+    }
+
+    &--editor {
+        color: $color-info-text;
+        background: $color-info-bg;
+    }
+
+    &--user {
+        color: $color-text-muted;
+    }
+
+    // Badge catégorie — affiché sur les cartes d'articles et les pages de détail
+    // Cliquable : redirige vers la liste filtrée par catégorie
+    &--category {
+        color: $color-primary;
+        background: $color-primary-bg;
+        text-decoration: none;
+        vertical-align: middle;
+
+        &:hover {
+            background: $color-primary-bg-hover;
+        }
+    }
+}