Navbar-Right-Links-icons.css 967 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .bs-icon {
  2. --bs-icon-size: .75rem;
  3. display: flex;
  4. flex-shrink: 0;
  5. justify-content: center;
  6. align-items: center;
  7. font-size: var(--bs-icon-size);
  8. width: calc(var(--bs-icon-size) * 2);
  9. height: calc(var(--bs-icon-size) * 2);
  10. color: var(--bs-primary);
  11. }
  12. .bs-icon-xs {
  13. --bs-icon-size: 1rem;
  14. width: calc(var(--bs-icon-size) * 1.5);
  15. height: calc(var(--bs-icon-size) * 1.5);
  16. }
  17. .bs-icon-sm {
  18. --bs-icon-size: 1rem;
  19. }
  20. .bs-icon-md {
  21. --bs-icon-size: 1.5rem;
  22. }
  23. .bs-icon-lg {
  24. --bs-icon-size: 2rem;
  25. }
  26. .bs-icon-xl {
  27. --bs-icon-size: 2.5rem;
  28. }
  29. .bs-icon.bs-icon-primary {
  30. color: var(--bs-white);
  31. background: var(--bs-primary);
  32. }
  33. .bs-icon.bs-icon-primary-light {
  34. color: var(--bs-primary);
  35. background: rgba(var(--bs-primary-rgb), .2);
  36. }
  37. .bs-icon.bs-icon-semi-white {
  38. color: var(--bs-primary);
  39. background: rgba(255, 255, 255, .5);
  40. }
  41. .bs-icon.bs-icon-rounded {
  42. border-radius: .5rem;
  43. }
  44. .bs-icon.bs-icon-circle {
  45. border-radius: 50%;
  46. }