sqlight: sqlite playground

assets/module.css/output.module.css

@@ -0,0 +1,53 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.tabs {
+  display: flex;
+}
+
+.tab {
+  color: var(--font-color);
+  flex: 1 1 auto;
+  cursor: pointer;
+  border: var(--border);
+  border-right: none;
+  background-color: var(--output-background-tab);
+  line-height: 1.5;
+
+  &:last-of-type {
+    border-right: var(--border);
+  }
+}
+
+.tabSelected {
+  composes: tab;
+  cursor: default;
+  border-bottom: none;
+  background-color: var(--output-current-tab);
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.tabClose {
+  composes: tab;
+  flex: 0 0 auto;
+}
+
+.body {
+  border: var(--border);
+  border-top: none;
+  background-color: var(--output-current-tab);
+  padding: 0.5em;
+  height: 100%;
+  overflow: scroll;
+}
+
+.stdin {
+  margin-top: 0.25em;
+}