ajout des badges. Distinction badges / tags

sass/components/_badges.scss

@@ -5,13 +5,18 @@
 
 .badge {
   display: inline-block;
-  padding: 3px $tiny-value;
-  vertical-align: baseline;
-  white-space: nowrap;
+  padding: $tiny-value;
+  border-radius: 50%;
   color: $color-base;
-  border-radius: $border-radius;
   background-color: $color-muted;
   line-height: 1;
+
+  ::before{
+    content: "";
+    display: inline-block;
+    vertical-align: middle;
+    padding-top: 100%;
+  }
 }
 
 .badge {
@@ -20,7 +25,6 @@
       @extend .badge;
       background-color: $background-color;
       color: $color;
-      box-shadow: $border;
     }
   }
 }
@@ -35,10 +39,6 @@
     font-size: $base-font-size + 0.4rem;
   }
 
-  &--block {
-    width: 100% !important;
-    display: block;
-  }
   &.disabled,
   &--disabled {
     opacity: 0.5;