1 files changed, 90 insertions, 0 deletions
diff --git a/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.scss b/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.scss
new file mode 100644
index 000000000..ac2c611c7
--- /dev/null
+++ b/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.scss
@@ -0,0 +1,90 @@
+.physicsSimApp {
+    * {
+        box-sizing: border-box;
+        font-size: 14px;
+    }
+
+    .mechanicsSimulationContainer {
+        background-color: white;
+        height: 100%;
+        width: 100%;
+        display: flex;
+
+        .mechanicsSimulationEquationContainer {
+            position: fixed;
+            left: 60%;
+            padding: 1em;
+            height: 100%;
+            transform-origin: top left;
+
+            .mechanicsSimulationControls {
+                display: flex;
+                justify-content: space-between;
+            }
+        }
+        .rod,
+        .spring,
+        .wheel,
+        .showvecs,
+        .wedge {
+            pointer-events: none;
+            position: absolute;
+            left: 0;
+            top: 0;
+        }
+    }
+
+    .coordinateSystem {
+        z-index: -100;
+    }
+
+    th,
+    td {
+        border-collapse: collapse;
+        padding: 1em;
+    }
+
+    table {
+        min-width: 300px;
+    }
+
+    tr:nth-child(even) {
+        background-color: #d6eeee;
+    }
+
+    button {
+        z-index: 50;
+    }
+
+    .angleLabel {
+        font-weight: bold;
+        font-size: 20px;
+        user-select: none;
+        pointer-events: none;
+    }
+
+    .mechanicsSimulationSettingsMenu {
+        width: 100%;
+        height: 100%;
+        font-size: 12px;
+        background-color: rgb(224, 224, 224);
+        border-radius: 2px;
+        border-color: black;
+        border-style: solid;
+        padding: 10px;
+        position: fixed;
+        z-index: 1000;
+    }
+
+    .mechanicsSimulationSettingsMenuRow {
+        display: flex;
+    }
+
+    .mechanicsSimulationSettingsMenuRowDescription {
+        width: 50%;
+    }
+
+    .dropdownMenu {
+        z-index: 50;
+    }
+}