summaryrefslogtreecommitdiff
path: root/www/packages/fontawesome-free-7.2.0-web/scss/_bordered.scss
diff options
context:
space:
mode:
authoraltaf-creator <dev@altafcreator.com>2026-05-17 13:01:57 +0800
committeraltaf-creator <dev@altafcreator.com>2026-05-17 13:01:57 +0800
commit9e7fe6d8dad56c237adb1905e130c1d723131812 (patch)
treedd067e14b3ec5af719d748427bb322320c248879 /www/packages/fontawesome-free-7.2.0-web/scss/_bordered.scss
parentd04598ba59d7267ee4db3745ff90eaa1a990072a (diff)
big structural change, altafcreator.com no longer served statically, projects now use md, blog is being reworked, videos removed temp
Diffstat (limited to 'www/packages/fontawesome-free-7.2.0-web/scss/_bordered.scss')
-rw-r--r--www/packages/fontawesome-free-7.2.0-web/scss/_bordered.scss24
1 files changed, 24 insertions, 0 deletions
diff --git a/www/packages/fontawesome-free-7.2.0-web/scss/_bordered.scss b/www/packages/fontawesome-free-7.2.0-web/scss/_bordered.scss
new file mode 100644
index 0000000..47408e4
--- /dev/null
+++ b/www/packages/fontawesome-free-7.2.0-web/scss/_bordered.scss
@@ -0,0 +1,24 @@
+// bordered icons
+// -------------------------
+@use 'variables' as v;
+
+/* Heads Up: Bordered Icons will not be supported in the future!
+ - This feature will be deprecated in the next major release of Font Awesome (v8)!
+ - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
+*/
+
+/* Notes:
+* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
+* --@{v.$css-prefix}-border-padding =
+ ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
+ ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
+*/
+
+.#{v.$css-prefix}-border {
+ border-color: var(--#{v.$css-prefix}-border-color, #{v.$border-color});
+ border-radius: var(--#{v.$css-prefix}-border-radius, #{v.$border-radius});
+ border-style: var(--#{v.$css-prefix}-border-style, #{v.$border-style});
+ border-width: var(--#{v.$css-prefix}-border-width, #{v.$border-width});
+ box-sizing: var(--#{v.$css-prefix}-border-box-sizing, #{v.$border-box-sizing});
+ padding: var(--#{v.$css-prefix}-border-padding, #{v.$border-padding});
+}