_iwb-label.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. 
  2. .iwb-label {
  3. display: flex;
  4. margin: 0;
  5. align-items: center;
  6. justify-content: flex-end;
  7. &.iwb-label-required {
  8. &:after {
  9. content: "*";
  10. color: red;
  11. right: 0px;
  12. position: absolute;
  13. }
  14. }
  15. }
  16. .label {
  17. background: #aaa;
  18. color: $white;
  19. padding: .25rem .5rem;
  20. border-radius: .25rem;
  21. font-size: 1em;
  22. &.lg {
  23. font-size: 1.25em;
  24. }
  25. &.sm {
  26. font-size: 0.875em;
  27. }
  28. &.circle {
  29. border-radius: 1rem;
  30. padding-left: 1rem;
  31. padding-right: 1rem;
  32. }
  33. &.rect {
  34. border-radius: 0;
  35. }
  36. &.label-iwb {
  37. background: $iwb-color;
  38. }
  39. &.label-success {
  40. background: #28a745;
  41. }
  42. &.label-primary {
  43. background: #007bff;
  44. }
  45. &.label-danger {
  46. background: #dc3545;
  47. }
  48. &.label-info {
  49. background: #17a2b8;
  50. }
  51. &.label-warning {
  52. color: #1f2d3d;
  53. background: #ffc107;
  54. }
  55. &.label-secondary {
  56. background: #6c757d;
  57. }
  58. @each $name, $color in $colors {
  59. @include iwb-label-variant($name, $color);
  60. }
  61. }