_icons-core.scss 776 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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. display: block;
  18. left: 50%;
  19. position: absolute;
  20. top: 50%;
  21. transform: translate(-50%, -50%);
  22. }
  23. // Icon sizes
  24. &.icon-2x {
  25. font-size: 1.6rem;
  26. }
  27. &.icon-3x {
  28. font-size: 2.4rem;
  29. }
  30. &.icon-4x {
  31. font-size: 3.2rem;
  32. }
  33. }
  34. // Component icon support
  35. .accordion,
  36. .btn,
  37. .toast,
  38. .menu {
  39. .#{$icon-prefix} {
  40. vertical-align: -10%;
  41. }
  42. }
  43. .btn-lg {
  44. .#{$icon-prefix} {
  45. vertical-align: -15%;
  46. }
  47. }