_stacked.scss 633 B

1234567891011121314151617181920212223242526272829303132
  1. // stacking icons
  2. // -------------------------
  3. .#{$fa-css-prefix}-stack {
  4. display: inline-block;
  5. height: 2em;
  6. line-height: 2em;
  7. position: relative;
  8. vertical-align: $fa-stack-vertical-align;
  9. width: $fa-stack-width;
  10. }
  11. .#{$fa-css-prefix}-stack-1x,
  12. .#{$fa-css-prefix}-stack-2x {
  13. left: 0;
  14. position: absolute;
  15. text-align: center;
  16. width: 100%;
  17. z-index: var(--#{$fa-css-prefix}-stack-z-index, #{$fa-stack-z-index});
  18. }
  19. .#{$fa-css-prefix}-stack-1x {
  20. line-height: inherit;
  21. }
  22. .#{$fa-css-prefix}-stack-2x {
  23. font-size: 2em;
  24. }
  25. .#{$fa-css-prefix}-inverse {
  26. color: var(--#{$fa-css-prefix}-inverse, #{$fa-inverse});
  27. }