_stacked.less 634 B

12345678910111213141516171819202122232425262728293031
  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, .@{fa-css-prefix}-stack-2x {
  12. left: 0;
  13. position: absolute;
  14. text-align: center;
  15. width: 100%;
  16. z-index: ~'var(--@{fa-css-prefix}-stack-z-index, @{fa-stack-z-index})';
  17. }
  18. .@{fa-css-prefix}-stack-1x {
  19. line-height: inherit;
  20. }
  21. .@{fa-css-prefix}-stack-2x {
  22. font-size: 2em;
  23. }
  24. .@{fa-css-prefix}-inverse {
  25. color: ~'var(--@{fa-css-prefix}-inverse, @{fa-inverse})';
  26. }