123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- .bs-icon {
- --bs-icon-size: .75rem;
- display: flex;
- flex-shrink: 0;
- justify-content: center;
- align-items: center;
- font-size: var(--bs-icon-size);
- width: calc(var(--bs-icon-size) * 2);
- height: calc(var(--bs-icon-size) * 2);
- color: var(--bs-primary);
- }
- .bs-icon-xs {
- --bs-icon-size: 1rem;
- width: calc(var(--bs-icon-size) * 1.5);
- height: calc(var(--bs-icon-size) * 1.5);
- }
- .bs-icon-sm {
- --bs-icon-size: 1rem;
- }
- .bs-icon-md {
- --bs-icon-size: 1.5rem;
- }
- .bs-icon-lg {
- --bs-icon-size: 2rem;
- }
- .bs-icon-xl {
- --bs-icon-size: 2.5rem;
- }
- .bs-icon.bs-icon-primary {
- color: var(--bs-white);
- background: var(--bs-primary);
- }
- .bs-icon.bs-icon-primary-light {
- color: var(--bs-primary);
- background: rgba(var(--bs-primary-rgb), .2);
- }
- .bs-icon.bs-icon-semi-white {
- color: var(--bs-primary);
- background: rgba(255, 255, 255, .5);
- }
- .bs-icon.bs-icon-rounded {
- border-radius: .5rem;
- }
- .bs-icon.bs-icon-circle {
- border-radius: 50%;
- }
|