scss reorganize, add footer

1 files changed, 75 insertions, 0 deletions

diff --git a/scss/_browser.scss b/scss/_browser.scss
new file mode 100644
index 0000000..ab6be14
--- /dev/null
+++ b/scss/_browser.scss
@@ -0,0 +1,75 @@
+.browser {
+  display: flex;
+  flex: 1;
+
+  border-top: 0.2rem solid $gray-bright;
+
+  .view {
+    display: flex;
+    flex-direction: column;
+
+    flex: 1 1 0;
+    min-width: 0;
+
+    &.inspector {
+      top: 0;
+      position: sticky;
+      max-height: 100vh;
+      color: #c5c8c6;
+
+      @include left-border;
+      border-color: $gray-dark;
+      background: $gray-dark;
+
+      nav {
+        background: inherit;
+      }
+
+      .content {
+        margin: 0;
+        padding: 0;
+        display: flex;
+        background: $gray-darker;
+
+        > * {
+          display: block;
+          margin: 0;
+          padding: 1em;
+          border-radius: 0;
+          border: 0;
+          flex: 1;
+        }
+      }
+    }
+
+    nav {
+      position: sticky;
+      top: 0;
+
+      display: flex;
+      flex: 0 0 3.2em;
+      justify-content: space-between;
+      background: $gray-bright;
+
+      /*
+      > * {
+        flex: 0 0 auto;
+      }
+      */
+
+      > span:first-of-type {
+        flex: 1 0 auto;
+      }
+
+      > * {
+        margin: 1em;
+      }
+    }
+
+    .content {
+      flex: 1 1 auto;
+      overflow: auto;
+      padding: 1em 2em;
+    }
+  }
+}