website

1 files changed, 61 insertions, 0 deletions

diff --git a/docs/index.css b/docs/index.css
new file mode 100644
index 000000000..9fb3c5d45
--- /dev/null
+++ b/docs/index.css
@@ -0,0 +1,61 @@
+
+#hidden-text-input {
+  position: absolute;
+  left:0;
+  top:0;
+  background: none;
+  border: none;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.dynmet-calc {
+  font-size: 18px;
+  line-height: 26px;
+  user-select: text;
+}
+  .dynmet-calc input {
+    border: none;
+    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3);
+    background: transparent;
+    font: inherit;
+    color: inherit;
+    outline: none;
+    margin: 0 0.2em;
+    width: 40px;
+    text-align: center;
+    line-height: inherit;
+    color: #eee;
+    user-select: text;
+  }
+  .dynmet-calc input:focus {
+    color: #fff;
+    box-shadow: inset 0 -2px 0 0 rgb(43, 139, 247);
+  }
+  .dynmet-calc input[type=number]::-webkit-inner-spin-button, 
+  .dynmet-calc input[type=number]::-webkit-outer-spin-button { 
+    -webkit-appearance: none; 
+    margin: 0;
+  }
+
+  .dynmet-calc .arrow {
+    margin: 0 0.8em;
+    color: #eee;
+  }
+
+  .dynmet-calc #dynmet-tracking {
+    box-shadow: none;
+    width: 57px;
+    margin-right: 0.1em;
+    color: #eee;
+  }
+  .dynmet-calc #dynmet-tracking.percent {
+    width: 34px;
+  }
+
+  .dynmet-calc #dynmet-unit:hover {
+    color: rgb(43, 139, 247);
+  }
+  .dynmet-calc #dynmet-unit:active {
+    color: white;
+  }