_chips.scss 517 B

123456789101112131415161718192021222324252627282930
  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. .btn-clear {
  25. transform: scale(.75);
  26. }
  27. }