_chips.scss 470 B

1234567891011121314151617181920212223242526
  1. // Chips
  2. .chip {
  3. align-items: center;
  4. background: $bg-color-dark;
  5. border-radius: 5rem;
  6. color: $gray-color-dark;
  7. display: inline-flex;
  8. font-size: 90%;
  9. height: $unit-6;
  10. line-height: $unit-4;
  11. margin: $unit-h;
  12. max-width: 100%;
  13. padding: $unit-1 $unit-2;
  14. text-decoration: none;
  15. vertical-align: middle;
  16. &.active {
  17. background: $primary-color;
  18. color: $light-color;
  19. }
  20. .avatar {
  21. margin-left: -$unit-2;
  22. margin-right: $unit-1;
  23. }
  24. }