Add card box shadow

tastyigniter · May 16, 2021 · a4c498e · a4c498e
1 parent 9550e2b
commit a4c498e
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 12 deletions.
diff --git a/assets/css/app.css b/assets/css/app.css
diff --git a/assets/js/app.js b/assets/js/app.js
diff --git a/assets/src/scss/components/_+import.components.scss b/assets/src/scss/components/_+import.components.scss
@@ -3,7 +3,7 @@
 // ======================================================================== //
 @import "mainnav";
 @import "nav";
-@import "affix";
+@import "card";
 @import "alert";
 @import "loader";
 @import "cookie-banner";

diff --git a/assets/src/scss/components/_affix.scss b/assets/src/scss/components/_affix.scss
diff --git a/assets/src/scss/components/_card.scss b/assets/src/scss/components/_card.scss
@@ -0,0 +1,3 @@
+.card, .panel {
+  box-shadow: $box-shadow-sm;
+}
diff --git a/assets/src/scss/utilities/_replace.scss b/assets/src/scss/utilities/_replace.scss
@@ -141,6 +141,7 @@
 }
 .panel {
   @extend .card;
+  box-shadow: $box-shadow-sm;
 }
 .panel-title {
   @extend .card-title;
@@ -163,4 +164,4 @@
       @extend .text-#{$color};
     }
   }
-}
+}
diff --git a/webpack.mix.js b/webpack.mix.js
@@ -19,10 +19,10 @@ mix.setPublicPath('./').options({
 // Copy fonts from node_modules
 //
 mix.copyDirectory(
-    'node_modules/@fortawesome/fontawesome-free/webfonts',
+    'node_modules/@fortawesome/fontawesome-free-webfonts/webfonts',
     'assets/fonts/FontAwesome'
 ).copyDirectory(
-    'node_modules/@fortawesome/fontawesome-free/scss',
+    'node_modules/@fortawesome/fontawesome-free-webfonts/scss',
     'assets/src/scss/vendor/FontAwesome'
 ).copyDirectory(
     'node_modules/bootstrap/scss',