_icons-core.scss 793 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. // Icon variables
  2. $icon-border-width: $border-width-lg;
  3. $icon-prefix: "icon";
  4. // Icon base style
  5. .#{$icon-prefix} {
  6. box-sizing: border-box;
  7. display: inline-block;
  8. font-size: inherit;
  9. font-style: normal;
  10. height: 1em;
  11. position: relative;
  12. text-indent: -9999px;
  13. vertical-align: middle;
  14. width: 1em;
  15. &::before,
  16. &::after {
  17. content: "";
  18. display: block;
  19. left: 50%;
  20. position: absolute;
  21. top: 50%;
  22. transform: translate(-50%, -50%);
  23. }
  24. // Icon sizes
  25. &.icon-2x {
  26. font-size: 1.6rem;
  27. }
  28. &.icon-3x {
  29. font-size: 2.4rem;
  30. }
  31. &.icon-4x {
  32. font-size: 3.2rem;
  33. }
  34. }
  35. // Component icon support
  36. .accordion,
  37. .btn,
  38. .toast,
  39. .menu {
  40. .#{$icon-prefix} {
  41. vertical-align: -10%;
  42. }
  43. }
  44. .btn-lg {
  45. .#{$icon-prefix} {
  46. vertical-align: -15%;
  47. }
  48. }