_stacked.scss 705 B

1234567891011121314151617181920212223242526272829303132333435
  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. --#{v.$css-prefix}-width: 100%;
  15. inset: 0;
  16. position: absolute;
  17. text-align: center;
  18. width: var(--#{v.$css-prefix}-width);
  19. z-index: var(--#{v.$css-prefix}-stack-z-index, #{v.$stack-z-index});
  20. }
  21. .#{v.$css-prefix}-stack-1x {
  22. line-height: inherit;
  23. }
  24. .#{v.$css-prefix}-stack-2x {
  25. font-size: 2em;
  26. }
  27. .#{v.$css-prefix}-inverse {
  28. color: var(--#{v.$css-prefix}-inverse, #{v.$inverse});
  29. }