brainstorming icons

- we should have our own svg inbuilt icons for common sci-fi stuff
AllanOcelot · Sep 17, 2024 · d426979 · d426979
1 parent f968dc5
commit d426979
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/common/common.scss b/src/common/common.scss
@@ -4,6 +4,7 @@
   border: 1px solid;
   box-shadow: 0 0 6px 1px rgba(0, 0, 0, 1);
   background: rgba(0, 0, 0, 0.4);
+  position: relative;
   .title {
     width: 100%;
     border-bottom: 2px solid;
@@ -13,6 +14,22 @@
   .content {
     padding: 0.5rem 1rem;
   }
+
+  &.icon { 
+    &:before {
+      position: absolute;
+    }
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 5rem;
+      height: 100%;
+      background: rgba(0,0,0,0.2);
+      clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
+    }  
+  }
 }