static/style: remove browser, canvasapp, sidenotes modules

6 files changed, 44 insertions, 288 deletions

diff --git a/static/style/$order b/static/style/$order
index 655aac7..f846651 100644
--- a/static/style/$order
+++ b/static/style/$order
@@ -2,8 +2,5 @@ defs
 reset
 header
 footer
-browser
 content
-sidenotes
-canvasapp
 print
diff --git a/static/style/browser/text$x-scss.scss b/static/style/browser/text$x-scss.scss
deleted file mode 100644
index 89628fd..0000000
--- a/static/style/browser/text$x-scss.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-.browser {
-  display: flex;
-  flex: 1;
-
-  border-top: 0.2rem solid $gray-bright;
-}
-
-.view {
-  display: flex;
-  flex-direction: column;
-
-  flex: 1 0 auto;
-  min-width: 0;
-  max-width: calc(100vw - 1rem);
-
-  &.inspector {
-    top: 0;
-    position: sticky;
-    max-height: calc(100vh - 3rem);
-    color: #c5c8c6;
-
-    @include left-border;
-    border-color: $gray-dark;
-    background: $gray-dark;
-
-    nav {
-      background: inherit;
-    }
-
-    .subnav {
-      display: flex;
-      flex: 0;
-      background: $gray-darker;
-      border-bottom: 2px solid $gray-dark;
-      padding: 0.5em;
-    }
-
-    .content {
-      margin: 0;
-      padding: 0;
-      display: flex;
-      align-self: stretch;
-      background: $gray-darker;
-
-      > * {
-        display: block;
-        margin: 0;
-        padding: 1em;
-        border-radius: 0;
-        border: 0;
-        flex: 1;
-      }
-    }
-
-    .children {
-      margin: 0;
-      padding: 1em;
-
-      align-self: stretch;
-      background: $gray-darker;
-    }
-  }
-
-  nav {
-    position: sticky;
-    top: 0;
-
-    @media print {
-      position: relative;
-      display: none;
-    }
-
-    display: flex;
-    flex: 0 0 auto;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    background: $gray-bright;
-    z-index: 1000;
-
-    > span:first-of-type {
-      flex: 1 0 auto;
-    }
-
-    > * {
-      margin: 1em;
-      white-space: nowrap;
-    }
-
-    &.thin > * {
-      margin: 0.5em 1em;
-    }
-
-    > .inspect-btn {
-      @include media-small() { display: none; }
-    }
-
-    .tight {
-      margin-left: 0;
-    }
-  }
-
-  .error-wrap {
-    flex: 0 0 auto;
-    padding: 1em 2em;
-    overflow: hidden;
-
-    color: $gray-darker;
-    background: $gray-fail;
-
-    &.empty {
-      display: none;
-    }
-
-    > span {
-      display: inline-block;
-      margin-bottom: 0.5em;
-
-      font-weight: bold;
-      color: #f00;
-    }
-
-    > pre {
-      margin: 0;
-    }
-  }
-
-  .content {
-    flex: 1 0 auto;
-    overflow: auto;
-    padding: 1em 2em;
-    margin: 0 1em;
-    align-self: flex-start;
-    min-width: 30vw;
-    background: $white;
-
-    position: relative;
-  }
-}
-
-.content {
-  opacity: 1;
-  transition: opacity 150ms;
-
-  body.loading & {
-    opacity: 0;
-  }
-}
diff --git a/static/style/canvasapp/text$x-scss.scss b/static/style/canvasapp/text$x-scss.scss
deleted file mode 100644
index 2eb1a42..0000000
--- a/static/style/canvasapp/text$x-scss.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-.canvas_app {
-  position: relative;
-
-  display: inline-block;
-
-  .overlay {
-    position: absolute;
-    padding: 1rem;
-
-
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    opacity: 0;
-
-    background: rgba(0, 0, 0, 0.7);
-
-    transition: opacity 300ms;
-
-    &:hover {
-      opacity: 1;
-    }
-
-    > * {
-      margin: 0.5em;
-    }
-
-    a {
-      display: block;
-      color: $gray-bright;
-      font-family: inherit;
-    }
-  }
-}
diff --git a/static/style/content/text$x-scss.scss b/static/style/content/text$x-scss.scss
index 937b02b..d8ecda1 100644
--- a/static/style/content/text$x-scss.scss
+++ b/static/style/content/text$x-scss.scss
@@ -1,4 +1,48 @@
+.view {
+
+  flex-direction: column;
+
+  flex: 1 0 auto;
+  min-width: 0;
+  max-width: calc(100vw - 1rem);
+
+  .error-wrap {
+    flex: 0 0 auto;
+    padding: 1em 2em;
+    overflow: hidden;
+
+    color: $gray-darker;
+    background: $gray-fail;
+
+    &.empty {
+      display: none;
+    }
+
+    > span {
+      display: inline-block;
+      margin-bottom: 0.5em;
+
+      font-weight: bold;
+      color: #f00;
+    }
+
+    > pre {
+      margin: 0;
+    }
+  }
+}
+
 .content {
+  flex: 1 0 auto;
+  overflow: auto;
+  padding: 1em 2em;
+  margin: 0 1em;
+  align-self: flex-start;
+  min-width: 30vw;
+  background: $white;
+
+  position: relative;
+
   img, video {
     width: inherit;
     height: inherit;
@@ -121,23 +165,6 @@
     color: #c5c8c6;
   }
 
-  pre.dual-code {
-    display: flex;
-    justify-content: space-between;
-    padding: 0 2rem;
-
-    > code {
-      @include right-border(0.3rem);
-
-      flex: 1;
-      margin: 0;
-    }
-
-    > code + code {
-      @include left-border(0.3rem);
-    }
-  }
-
   .example, .well {
     @include left-border;
 
@@ -152,15 +179,4 @@
   .well-warning {
     border-color: $gray-fail;
   }
-
-  .spacious {
-    h1, h2, h3 {
-      margin-top: 1.7em;
-    }
-
-    h1 + h2,
-    h2 + h3 {
-      margin-top: 0;
-    }
-  }
 }
diff --git a/static/style/reset/text$x-scss.scss b/static/style/reset/text$x-scss.scss
index d157fcf..86450aa 100644
--- a/static/style/reset/text$x-scss.scss
+++ b/static/style/reset/text$x-scss.scss
@@ -25,7 +25,6 @@ input, select, button {
   }
 }
 tt, code, kbd, samp { font-family: monospace; }
-code { font-size: 0.8em; }
 b, strong { font-weight: bold; }
 em, i { font-style: italic; }
 hr { clear: both; }
diff --git a/static/style/sidenotes/text$x-scss.scss b/static/style/sidenotes/text$x-scss.scss
deleted file mode 100644
index 0b9effe..0000000
--- a/static/style/sidenotes/text$x-scss.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-$sidenote-width: 14rem;
-
-:root {
-  --sidenote-width: #{$sidenote-width};
-}
-
-.sidenote-container {
-  margin-right: $sidenote-width + 1rem;
-
-  @include media-medium {
-    margin: auto;
-  }
-
-  .sidenote-container & {
-    margin-right: initial;
-    margin: initial;
-  }
-
-  .sidenote {
-    position: absolute;
-    box-sizing: border-box;
-
-    width: $sidenote-width;
-    right: -$sidenote-width - 2rem;
-    padding: 0 1rem;
-
-    color: $gray-dark;
-    border-top: 1px solid $gray-dark;
-    word-break: break-word;
-
-    font-size: 0.8em;
-    line-height: 1.1;
-    text-align: initial;
-    break-inside: avoid-page;
-
-    .hook {
-      position: absolute;
-      top: -4rem;
-      width: 0;
-      height: 0;
-
-      @media print {
-        top: 0;
-      }
-    }
-
-    .ref {
-      display: block;
-      position: absolute;
-
-      width: 1rem;
-      margin-left: -1.2rem;
-      text-align: right;
-    }
-
-    > .markdown > p:first-child {
-      margin-top: 0;
-    }
-
-    a {
-      display: inline;
-    }
-
-    @include media-medium {
-      width: initial;
-      position: initial;
-      right: initial;
-
-      border-bottom: 1px solid $gray-dark;
-      margin: 0.5rem 0;
-    }
-  }
-}