Tile icons

Author: tim-we

src/assets/bootstrap-icons/folder-fill.svg

@@ -27,6 +27,19 @@
     font-family: sans-serif;
     font-weight: bold;
     color: rgb(200, 200, 200);
+    display: flex;
+    flex-direction: row;
+    gap: var(--base-offset);
+    line-height: 16px;
+
+    &::before {
+      content: " ";
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      background-repeat: no-repeat;
+      opacity: 0.784; /* 200/255 */
+    }
   }
 
   > .content {
@@ -57,6 +70,10 @@
 
     > h3 {
       color: rgb(225, 225, 225);
+
+      &::before {
+        opacity: 0.882; /* 225/255 */
+      }
     }
   }
 }
@@ -151,4 +168,24 @@
       line-height: 1.75em;
     }
   }
+
+  &.meta > h3::before {
+    background-image: url("../../../assets/bootstrap-icons/info-circle-fill.svg");
+  }
+
+  &.permissions > h3::before {
+    background-image: url("../../../assets/bootstrap-icons/shield-fill-exclamation.svg");
+  }
+
+  &.files > h3::before {
+    background-image: url("../../../assets/bootstrap-icons/folder-fill.svg");
+  }
+
+  &.translations > h3::before {
+    background-image: url("../../../assets/bootstrap-icons/translate.svg");
+  }
+
+  &.da > h3::before {
+    background-image: url("../../../assets/bootstrap-icons/play-circle-fill.svg");
+  }
 }