Scrollreveal+cat+datenews

user/themes/quark/scss/spectre/_chips.scss

@@ -3,16 +3,18 @@
   align-items: center;
   background: $bg-color-dark;
   border-radius: 5rem;
-  color: $gray-color-dark;
   display: inline-flex;
   font-size: 90%;
   height: $unit-6;
   line-height: $unit-4;
   margin: $unit-h;
-  max-width: 100%;
+  max-width: $control-width-sm;
+  overflow: hidden;
   padding: $unit-1 $unit-2;
   text-decoration: none;
+  text-overflow: ellipsis;
   vertical-align: middle;
+  white-space: nowrap;
 
   &.active {
     background: $primary-color;
@@ -25,6 +27,7 @@
   }
 
   .btn-clear {
+    border-radius: 50%;
     transform: scale(.75);
   }
 }