✨ create new class for reduce files icons

3 years ago · 7b23289ed3
2 changed files with 15 additions and 24 deletions
--- a/src/scss/_cards.scss
+++ b/src/scss/_cards.scss
@ -413,14 +413,11 @@ html.maximized-card {

      // TODO: create new class for reduce files
      // icons
-      > .fa,
-      > .fas,
-      > .far,
-      > .fab,
-      > .fal,
-      > .fad,
-      > .svg-inline--fa,
-      > .ion {
+      > i,
+      > svg,
+      > img,
+      > object,
+      > iframe {
        cursor: pointer;
        margin-right: 5px;
      }
--- a/src/scss/_miscellaneous.scss
+++ b/src/scss/_miscellaneous.scss
@ -264,28 +264,22 @@
    justify-content: center;
    z-index: 50;

-    > .fa,
-    > .fas,
-    > .far,
-    > .fab,
-    > .fal,
-    > .fad,
-    > .svg-inline--fa,
-    > .ion {
+    > i,
+    > svg,
+    > img,
+    > object,
+    > iframe {
      color: $gray-800;
    }

    &.dark {
      background-color: rgba($black, .5);

-      > .fa,
-      > .fas,
-      > .far,
-      > .fab,
-      > .fal,
-      > .fad,
-      > .svg-inline--fa,
-      > .ion {
+      > i,
+      > svg,
+      > img,
+      > object,
+      > iframe {
        color: $gray-400;
      }
    }