Merge pull request #36 from Svetloslav15/feature/version-2

Feature/version 2

Author: Svetloslav15

.eslintrc

@@ -102,4 +102,4 @@ typings/
 # TernJS port file
 .tern-port
 
-.idea
+.idea/

.gitignore

@@ -1,10 +0,0 @@
-{
-  "singleQuote": true,
-  "jsxSingleQuote": true,
-  "semi": false,
-  "tabWidth": 2,
-  "bracketSpacing": true,
-  "jsxBracketSameLine": false,
-  "arrowParens": "always",
-  "trailingComma": "none"
-}

.prettierrc

@@ -0,0 +1,176 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
+
+* {
+  font-family: 'Montserrat', sans-serif;
+}
+
+.bg-red {
+  background-color: crimson;
+}
+
+.bg-white {
+  background-color: white;
+}
+
+.container-wrapper {
+  width: 250px;
+  height: 100vh;
+  background-color: deepskyblue;
+  color: white;
+  position: fixed;
+  top: 0;
+  text-align: center;
+  transition: all .3s ease-in-out;
+}
+
+.item {
+  width: 95%;
+  padding: 14px 0;
+  padding-left: 12px;
+  cursor: pointer;
+  text-align: left;
+}
+
+.item:hover {
+  background-color: #0377DA;
+  transition: all .3s ease-in-out;
+}
+
+.icon {
+  padding-right: 10px;
+  display: inline-block;
+  width: 20%;
+  font-size: 15px;
+}
+
+.bg-blue {
+  background-color: #3960D0;
+  color: white;
+}
+
+.bg-blue .item:hover {
+  background-color: #0541AA;
+}
+
+.blue-hover:hover {
+  background-color: #609BEB;
+  color: white;
+}
+
+.bg-light {
+  background-color: #FFFEFF;
+  color: black;
+}
+
+.light-hover:hover {
+  background-color: #F6F6F6;
+}
+
+.bg-light .item:hover {
+  background-color: #1c1e2a;
+  color: white;
+}
+
+.bg-black {
+  background-color: #1c1e2a;
+  color: white;
+}
+
+.bg-black .item:hover {
+  background-color: white;
+  color: #1c1e2a;
+}
+
+.black-hover:hover {
+  background-color: #2C2F3E;
+  color: white;
+}
+
+.dropdown-item {
+  text-align: left;
+  cursor: pointer;
+}
+
+.mx-1 {
+  margin: 0 1em;
+}
+
+.d-none {
+  display: none;
+}
+
+.d-block {
+  display: block;
+  position: relative;
+}
+
+.logo-image {
+  width: 100px;
+  margin-top: 1em;
+}
+
+.toggler {
+  position: absolute;
+  right: 15px;
+  top: 15px;
+  font-size: 22px;
+  cursor: pointer;
+}
+
+.collapsed {
+  width: 85px;
+}
+
+input {
+  padding: 12px 20px;
+  margin: 15px 0;
+  box-sizing: border-box;
+}
+
+.pos-left {
+  left: 0;
+}
+
+.pos-right {
+  right: 0;
+}
+
+.bg-peach {
+  background-color: #FD7E65;
+  color: white;
+}
+
+.bg-peach-hover:hover {
+  background-color: #FD9768;
+}
+
+.bg-peach .item:hover {
+  background-color: white;
+  color: #FD7E65;
+}
+
+.bg-purple {
+  background-color: #A771E4;
+  color: white;
+}
+
+.bg-purple .item:hover {
+  background-color: #7F00BE;
+}
+
+.bg-purple-hover:hover {
+  background-color: #E26FCF;
+}
+
+.bg-aqua {
+  background-color: #1DA4F4;
+  color: white;
+}
+
+.bg-aqua-hover:hover {
+  background-color: #16BCDE;
+}
+
+.float-right {
+  float: right;
+}