css lint

assets/src/sass/main.scss

@@ -1,69 +1,20 @@
+@import "navigation";
+@import "scrollbar";
+@import "notifications";
+@import "animations";
+@import 'editor';
+@import 'forms';
+@import "browse";
+
 body {
-  font-family: 'Roboto', sans-serif;
-  color      : #212121;
-  height     : 100%;
-  width      : 100%;
-}
-
-h2 {
-  margin: .83em 0;
-}
-
-nav {
-  position        : fixed;
-  top             : 0;
-  left            : 0;
-  height          : 3em;
+  font-family     : 'Roboto', sans-serif;
+  color           : #212121;
+  background-color: #ddd;
+  height          : 100%;
   width           : 100%;
-  background-color: #263238;
-  padding         : 0 1em;
-  box-sizing      : border-box;
-  z-index         : 999;
-  color           : #eee;
 }
 
-nav ul {
-  margin : 0;
-  padding: 0;
-  display: -webkit-box;
-  /* OLD - iOS 6-, Safari 3.1-6 */
-  display: -moz-box;
-  /* OLD - Firefox 19- (buggy but mostly works) */
-  display: -ms-flexbox;
-  /* TWEENER - IE 10 */
-  display: -webkit-flex;
-  /* NEW - Chrome */
-  display: flex;
-}
-
-nav ul li {
-  list-style-type: none;
-  display        : inline-block;
-  vertical-align : middle;
-}
-
-nav ul li:last-child {
-  margin-left: auto;
-}
-
-nav img {
-  height: 2em;
-}
-
-nav ul li a {
-  padding        : .5em;
-  line-height    : 2em;
-  display        : block;
-  text-decoration: none;
-  color          : inherit;
-  transition     : .5s ease background-color;
-}
-
-nav ul li a:hover {
-  background-color: rgba(255, 255, 255, 0.57);
-}
-
-.box {
+#content {
   position: fixed;
   top     : 3em;
   left    : 0;
@@ -72,6 +23,16 @@ nav ul li a:hover {
   overflow: hidden;
 }
 
+.full {
+  position: fixed;
+  height  : calc(100% - 3em);
+  width   : 100%;
+}
+
+h2 {
+  margin: .83em 0;
+}
+
 header {
   color           : #fff;
   background-color: #37474f;
@@ -82,27 +43,7 @@ header h1 {
   margin: 0;
 }
 
-footer {
-  background-color: #ddd;
-  padding         : 1.5em 0;
-  text-align      : center;
-  color           : rgba(0,0,0,0.5);
-}
-
-footer a {
-  text-decoration: none;
-  color          : inherit;
-}
-
-footer p {
-  margin: 0;
-}
-
-main {
-  width: 100%;
-}
-
-.content {
+.container {
   margin   : 1.5em auto;
   width    : 80%;
   max-width: 800px;
@@ -111,50 +52,11 @@ main {
 .hidden {
   display: none;
 }
-@import 'editor';
-@import 'forms';
 
-/* BROWSE */
 .left {
   text-align: left;
 }
 
 .right {
   text-align: right;
-}
-
-.browse a {
-  color          : inherit;
-  text-decoration: none;
-}
-
-.browse table {
-  width: 100%;
-}
-
-.browse .actions {
-  background-color: #455a64;
-  color           : #fff;
-  padding         : 1.5em 0;
-}
-
-.actions .content {
-  margin : 0 auto;
-  display: flex;
-}
-
-.actions .fa {
-  vertical-align: middle;
-}
-
-.actions .go-right {
-  margin-left: auto;
-}
-
-.browse tr {
-  line-height  : 2em;
-  border-bottom: 1px solid rgba(0,0,0,0.03);
-}
-@import "scrollbar";
-@import "notifications";
-@import "animations";
+}