wip

2015-09-20 13:26:45 -05:00
parent f8c03d6f5c
commit 692446b97b
25 changed files with 283 additions and 13 deletions
--- a/app/assets/stylesheets/main.scss
+++ b/app/assets/stylesheets/main.scss
@ -0,0 +1,66 @@
+// maybe this? => https://color.adobe.com/Theme-1-color-theme-6893131/edit/?copy=true
+$white: #F2E8DF;
+$light: #C7C9CD;
+$grey: #8E969D;
+$dark: #646267;
+
+@mixin inline-ul {
+  display: inline-block;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  li {
+    display: inline-block;
+    float: left;
+    margin: 0;
+    padding: 0;
+
+    a {
+      display: inline-block;
+      padding: 15px;
+      text-decoration: none;
+    }
+  }
+}
+
+html {
+  color: $dark;
+  background-color: $white;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  margin: 15px;
+  padding: 0;
+}
+
+.nav {
+  @include inline-ul;
+  background-color: $dark;
+  color: $light;
+  margin: -15px -15px 15px;
+  width: calc(100% + 30px);
+
+  li {
+    &:hover {
+      background-color: $grey;
+    }
+
+    a {
+      color: $light;
+    }
+  }
+}
+
+.sub-nav {
+  @include inline-ul;
+  margin: -19px -15px 0;
+  a {
+    color: $dark;
+    &:hover {
+      background-color: $light;
+    }
+  }
+}