Add styles for legal page

laCour · Feb 13, 2017 · 7786ddf · 7786ddf
1 parent a8f88af
commit 7786ddf
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/scss/main.scss b/scss/main.scss
@@ -90,6 +90,7 @@
   @import "modules/pages/api";
   @import "modules/pages/apps";
   @import "modules/pages/downloads";
+  @import "modules/pages/legal";
   @import "modules/pages/oauth";
   @import "modules/pages/spaces";
   @import "modules/pages/status";

diff --git a/scss/modules/pages/_legal.scss b/scss/modules/pages/_legal.scss
@@ -0,0 +1,36 @@
+// Despite the selector, these are only used for legal pages.
+
+#api_nav {
+  h5 {
+    color: $base-font-color;
+  }
+
+  #api_sections ul {
+    li {
+      a {
+        border-bottom-color: $color-shade-darkest;
+        color: $color-highlight;
+
+        &:hover {
+          color: $base-font-color;
+        }
+
+        &.active {
+          background: $color-shade-dark;
+          color: $color-highlight;
+          text-shadow: 0 1px 1px $color-shadow-medium;
+
+          &:hover {
+            background: $color-shade-dark;
+            color: $color-highlight;
+            text-shadow: 0 1px 1px $color-shadow-medium;
+          }
+        }
+      }
+    }
+  }
+}
+
+.col.span_1_of_2.bordered {
+  background-color: $color-shade-dark;
+}