From 223d78d7d43ba7ce1265a63f9f37c543c7326256 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Mon, 31 Dec 2018 00:12:21 +0100
Subject: [PATCH] scss: adding views/_backend.scss

---
 app/assets/sass/application.scss    |  1 +
 app/assets/sass/views/_backend.scss | 34 +++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 app/assets/sass/views/_backend.scss

diff --git a/app/assets/sass/application.scss b/app/assets/sass/application.scss
index a1f7d81..f44df01 100644
--- a/app/assets/sass/application.scss
+++ b/app/assets/sass/application.scss
@@ -44,3 +44,4 @@
 @import "views/about";
 @import "views/login";
 @import "views/register";
+@import "views/backend";
diff --git a/app/assets/sass/views/_backend.scss b/app/assets/sass/views/_backend.scss
new file mode 100644
index 0000000..ee74ef0
--- /dev/null
+++ b/app/assets/sass/views/_backend.scss
@@ -0,0 +1,34 @@
+
+.backend {
+    display: flex;
+    background-color: $section-bg;
+    border-radius: 2px;
+    @include box-shadow($block-shadow-3);
+
+    &-sidemenu {
+        @extend .list-group;
+        width: 15%;
+        background-color: darken($section-bg, 4%);
+        border: 1px solid darken($section-bg, 8%);
+        > li {
+            list-style: none;
+
+            a {
+                display: block;
+                color: $text-secondary-color;
+                padding: .8em 1.6em;
+
+                &:hover {
+                    background: darken($section-bg, 8%);
+                    color: $text-color;
+                    text-decoration: none;
+                }
+            }
+        }
+    }
+
+    &-content {
+        width: 85%;
+        padding: $section-padding;
+    }
+}