colorselect interactive preview update

StoneOrbits · Aug 16, 2024 · b7074e7 · b7074e7
1 parent 070e989
commit b7074e7
Showing 1 changed file with 20 additions and 13 deletions.
diff --git a/docs/color_select_menu.md b/docs/color_select_menu.md
@@ -7,6 +7,22 @@ grand_parent: Vortex Engine
 ---
 
 <style>
+.empty {
+    background-color: #222; /* Different background color for empty slots */
+    border: 2px dashed #555; /* Dashed border to distinguish empty slots */
+}
+
+.add-slot {
+    background-color: #fff;
+    color: #000;
+    font-weight: bold;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+}
+
 .slot {
     width: 50px;
     height: 50px;
@@ -21,21 +37,12 @@ grand_parent: Vortex Engine
     text-align: center;
 }
 
-.empty {
-    background-color: #222; /* Different background color for empty slots */
-    border: 2px dashed #555; /* Dashed border to distinguish empty slots */
+@keyframes flashRed {
+    0% { background-color: inherit; }
+    50% { background-color: red; }
+    100% { background-color: inherit; }
 }
 
-.add-slot {
-    background-color: #fff;
-    color: #000;
-    font-weight: bold;
-    text-align: center;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-}
 
 .plus-icon {
     font-size: 24px;