From a518a69d5d25c872c5d1308ccb4255d43ecfa0fe Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Wed, 27 Nov 2019 16:58:53 +0200
Subject: [PATCH] Minor SCSS consistency tweaks

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
---
 src/scss/_custom.scss            | 33 ++++++++++++++++----------------
 src/scss/_variables.scss         | 10 +++++-----
 src/scss/style.scss              |  2 +-
 src/scss/vendors/_variables.scss |  2 +-
 4 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index 23d2d36..7b7b7f9 100644
--- a/src/scss/_custom.scss
+++ b/src/scss/_custom.scss
@@ -18,7 +18,7 @@
 }
 
 .app-body {
-  background: #ecf0f5;
+  background-color: #ecf0f5;
 }
 
 .ReactTable .rt-td.horizontal-scroll {
@@ -31,7 +31,7 @@
 }
 
 .has-error {
-  color: rgb(248, 108, 107);
+  color: #f86c6b;
 }
 
 #loginform div.row {
@@ -48,7 +48,7 @@
 .login-box-msg {
   margin: 0;
   text-align: center;
-  padding: 0 20px 20px 20px;
+  padding: 0 20px 20px;
 }
 
 .stat-height-lock {
@@ -66,8 +66,8 @@
 .chartjs-tooltip {
   opacity: 1;
   position: absolute;
-  background: rgba(0, 0, 0, .7);
-  color: white;
+  background-color: rgba(0, 0, 0, .7);
+  color: #fff;
   border-radius: 3px;
   -webkit-transition: all .1s ease;
   transition: all .1s ease;
@@ -136,7 +136,7 @@
   position: absolute;
   right: 0;
   top: 10;
-  padding: 0.25rem 0.75rem;
+  padding: .25rem .75rem;
   visibility: hidden;
 }
 
@@ -153,14 +153,15 @@
   border: 1px solid transparent;
 }
 
-.container-toggler-button:focus, .container-toggler-button:hover {
+.container-toggler-button:focus,
+.container-toggler-button:hover {
   text-decoration: none;
 }
 
 .boxcontainer {
   max-width: 1250px;
   margin: auto;
-  box-shadow: 0 0 8px rgba(0,0,0,0.5);
+  box-shadow: 0 0 8px rgba(0, 0, 0, .5);
 }
 
 .boxcontainer .app-header {
@@ -172,8 +173,8 @@
   position: absolute;
   right: 5%;
   top: 10%;
-  color: black;
-  opacity: 0.15;
+  color: #000;
+  opacity: .15;
   font-size: 3em;
 }
 
@@ -196,7 +197,7 @@
 }
 
 .form-check-input {
-  margin-top: 0.2rem;
+  margin-top: .2rem;
 }
 
 .pull-left {
@@ -216,8 +217,8 @@
 }
 
 pre {
-  color: darkgrey;
-  background-color: black;
+  color: #a9a9a9;
+  background-color: #000;
   padding: 10px;
   margin: 10px 0;
 }
@@ -243,7 +244,7 @@ body {
 }
 
 @media (max-width: 576px) {
-	.modal-dialog {
-		margin: 0.5rem auto;
-	}
+  .modal-dialog {
+    margin: .5rem auto;
+  }
 }
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 22e671d..e9506f3 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -2,9 +2,9 @@
 $navbar-bg: #3c8dbc;
 $navbar-brand-bg: #367fa9;
 $navbar-brand-width: 200px;
-$navbar-color: rgba(0,0,0,.3);
-$navbar-hover-color: rgba(0,0,0,.6);
-$navbar-active-color: rgba(0,0,0,.8);
-$navbar-disabled-color: rgba(0,0,0,.15);
+$navbar-color: rgba(0, 0, 0, .3);
+$navbar-hover-color: rgba(0, 0, 0, .6);
+$navbar-active-color: rgba(0, 0, 0, .8);
+$navbar-disabled-color: rgba(0, 0, 0, .15);
 $sidebar-bg: #263238;
-$sidebar-nav-link-icon-color: #b0bec5;
\ No newline at end of file
+$sidebar-nav-link-icon-color: #b0bec5;
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 5809bf4..51683f6 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -5,7 +5,7 @@
 @import "@coreui/coreui/scss/coreui.scss";
 @import "vendors/chart.js/chart.scss";
 // Temp fix for reactstrap
-@import '@coreui/coreui/scss/_dropdown-menu-right.scss';
+@import "@coreui/coreui/scss/dropdown-menu-right.scss";
 
 // If you want to add something do it here
 @import "custom";
diff --git a/src/scss/vendors/_variables.scss b/src/scss/vendors/_variables.scss
index bbf8d98..01192e8 100644
--- a/src/scss/vendors/_variables.scss
+++ b/src/scss/vendors/_variables.scss
@@ -1,6 +1,6 @@
 // Override Boostrap variables
 @import "../variables";
-@import "node_modules/@coreui/coreui/scss/bootstrap/_variables";
+@import "node_modules/@coreui/coreui/scss/bootstrap/variables";
 @import "node_modules/bootstrap/scss/mixins";
 @import "node_modules/bootstrap/scss/functions";
 @import "node_modules/bootstrap/scss/variables";