[gnome-bootstrap-theme] feat: use fontawesome
- From: Guillaume Bernard <gbernard src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-bootstrap-theme] feat: use fontawesome
- Date: Sun, 25 Sep 2022 13:25:04 +0000 (UTC)
commit e7850f5885daf54abc6c8a199ad9c0a713242ecb
Author: Guillaume Bernard <associations guillaume-bernard fr>
Date: Sun Sep 25 15:08:23 2022 +0200
feat: use fontawesome
build_theme.sh | 8 +++++++-
package.json | 1 +
src/css/main.scss | 9 +++++++++
3 files changed, 17 insertions(+), 1 deletion(-)
---
diff --git a/build_theme.sh b/build_theme.sh
index 47fb270..ee3fc31 100755
--- a/build_theme.sh
+++ b/build_theme.sh
@@ -1,6 +1,12 @@
#!/usr/bin/env bash
+# CSS
sass -t expanded src/css/main.scss > ./dist/deneb.css
sass -t compressed src/css/main.scss > ./dist/deneb.min.css
+
+# JS
cat ./node_modules/bootstrap/dist/js/bootstrap.bundle.js src/js/navbar-search-form.js > ./dist/deneb.js
-uglifyjs ./dist/deneb.js -c -m -o ./dist/deneb.min.js
\ No newline at end of file
+uglifyjs ./dist/deneb.js -c -m -o ./dist/deneb.min.js
+
+# FontAwesome Webfonts
+cp -r ./node_modules/@fortawesome/fontawesome-free/webfonts ./dist/webfonts
\ No newline at end of file
diff --git a/package.json b/package.json
index e56c2f9..0cb24b6 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,6 @@
{
"dependencies": {
+ "@fortawesome/fontawesome-free": "^6.2.0",
"bootstrap": "^5.2.1"
}
}
diff --git a/src/css/main.scss b/src/css/main.scss
index 6a58239..335fde0 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -1,4 +1,7 @@
+/* Base configuration through variables */
@import './_variables.scss';
+
+/* Bootstrap */
@import '../../node_modules/bootstrap/scss/bootstrap';
@import './_navbar.scss';
@import './_navbar-search-form.scss';
@@ -8,3 +11,9 @@
@import './animated-close-icon.scss';
@import './typography.scss';
@import './helpers.scss';
+
+/* FontAwesome */
+$fa-font-path: "./webfonts";
+@import "../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
+@import "../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
+@import "../../node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
\ No newline at end of file
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]