add font awesome light & duotone icons support (#2911)

* add font awesome light & duotone icons support
* fix lint error

build/scss/_buttons.scss

@@ -74,6 +74,8 @@
   > .fas,
   > .far,
   > .fab,
+  > .fal,
+  > .fad,
   > .ion {
     display: block;
     font-size: 20px;

build/scss/_cards.scss

@@ -412,6 +412,8 @@ html.maximized-card {
       > .fas,
       > .far,
       > .fab,
+      > .fal,
+      > .fad,
       > .ion {
         cursor: pointer;
         margin-right: 5px;

build/scss/_carousel.scss

@@ -12,6 +12,8 @@
   > .fas,
   > .far,
   > .fab,
+  > .fal,
+  > .fad,
   > .ion {
     display: inline-block;
     font-size: 40px;

build/scss/_forms.scss

@@ -40,6 +40,8 @@
   &.fas,
   &.far,
   &.fab,
+  &.fal,
+  &.fad,
   &.ion {
     line-height: $input-height;
   }
@@ -51,6 +53,8 @@
   &.fas,
   &.far,
   &.fab,
+  &.fal,
+  &.fad,
   &.ion {
     line-height: $input-height-lg;
   }
@@ -62,6 +66,8 @@
     &.fas,
     &.far,
     &.fab,
+    &.fal,
+    &.fad,
     &.ion {
       line-height: $input-height-lg;
     }
@@ -74,6 +80,8 @@
   &.fas,
   &.far,
   &.fab,
+  &.fal,
+  &.fad,
   &.ion {
     line-height: $input-height-sm;
   }
@@ -85,6 +93,8 @@
     &.fas,
     &.far,
     &.fab,
+    &.fal,
+    &.fad,
     &.ion {
       line-height: $input-height-sm;
     }

build/scss/_main-header.scss

@@ -21,6 +21,8 @@
       > .fas,
       > .far,
       > .fab,
+      > .fal,
+      > .fad,
       > .ion {
         font-size: $font-size-sm;
       }

build/scss/_main-sidebar.scss

@@ -124,6 +124,8 @@
       &.fas,
       &.far,
       &.fab,
+      &.fal,
+      &.fad,
       &.ion {
         font-size: 1.1rem;
       }

build/scss/_miscellaneous.scss

@@ -268,6 +268,8 @@
     > .fas,
     > .far,
     > .fab,
+    > .fal,
+    > .fad,
     > .ion {
       color: $gray-800;
     }
@@ -279,6 +281,8 @@
       > .fas,
       > .far,
       > .fab,
+      > .fal,
+      > .fad,
       > .ion {
         color: $gray-400;
       }

build/scss/_small-box.scss

@@ -107,6 +107,8 @@
       &.fas,
       &.far,
       &.fab,
+      &.fal,
+      &.fad,
       &.ion {
         font-size: 70px;
         top: 20px;
@@ -126,6 +128,8 @@
       &.fas,
       &.far,
       &.fab,
+      &.fal,
+      &.fad,
       &.ion {
         transform: scale(1.1);
       }

build/scss/_timeline.scss

@@ -88,6 +88,8 @@
     > .fas,
     > .far,
     > .fab,
+    > .fal,
+    > .fad,
     > .ion {
       background-color: $gray-500;
       border-radius: 50%;

build/scss/plugins/_fullcalendar.scss

@@ -101,6 +101,8 @@
     .fas,
     .far,
     .fab,
+    .fal,
+    .fad,
     .ion {
       transition: transform linear .3s;