_stacked.scss 644 B

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