updates

assets/src/sass/main.scss

@@ -0,0 +1,160 @@
+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;
+  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 {
+  position: fixed;
+  top     : 3em;
+  left    : 0;
+  width   : 100%;
+  height  : calc(100% - 3em);
+  overflow: hidden;
+}
+
+header {
+  color           : #fff;
+  background-color: #37474f;
+  padding         : .67em 0;
+}
+
+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 {
+  margin   : 1.5em auto;
+  width    : 80%;
+  max-width: 800px;
+}
+
+.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";