_bordered.scss 1.1 KB

123456789101112131415161718192021222324
  1. // bordered icons
  2. // -------------------------
  3. @use 'variables' as v;
  4. /* Heads Up: Bordered Icons will not be supported in the future!
  5. - This feature will be deprecated in the next major release of Font Awesome (v8)!
  6. - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
  7. */
  8. /* Notes:
  9. * --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
  10. * --@{v.$css-prefix}-border-padding =
  11. ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  12. ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
  13. */
  14. .#{v.$css-prefix}-border {
  15. border-color: var(--#{v.$css-prefix}-border-color, #{v.$border-color});
  16. border-radius: var(--#{v.$css-prefix}-border-radius, #{v.$border-radius});
  17. border-style: var(--#{v.$css-prefix}-border-style, #{v.$border-style});
  18. border-width: var(--#{v.$css-prefix}-border-width, #{v.$border-width});
  19. box-sizing: var(--#{v.$css-prefix}-border-box-sizing, #{v.$border-box-sizing});
  20. padding: var(--#{v.$css-prefix}-border-padding, #{v.$border-padding});
  21. }