feature: right hand sidebar: clean up

src/styles/components/sidebar.scss

@@ -60,94 +60,22 @@
         margin: 0;
         padding-left: 0;
 
-        &>li>a {
-          vertical-align: middle;
-        }
-
         li {
           border-bottom: 1px solid #D6CECE;
-          /*align-items: center;
-          display: flex;*/
-          /*margin: 0;*/
-          /*padding: 2.15rem 2.55rem;*/
-          /*position: relative;*/
-          /*width: 12em;*/
-          
-          /*&::before {
-            float: left;
-            font-size: 4rem;
-            margin-left: 0;
-            margin-right: 2.85rem;
-          }*/
           &>a {
             vertical-align: super;
           }
         }
 
-        /*>li {
-          @include icon('arrow-right');
-        }*/
+        &>li:first-child>a {
+          vertical-align: middle;
+        }
 
         >solid-route {
 
-          &[name*='circle'],
-          &[name*='project'],
-          &[name*='communities'] {
-
-            >li::before {
-              font-size: 4rem;
-            }
-          }
-
-          &[name*='users'] {
-            
-            >li::before {
-              font-size: 5rem;
-            }
-          }
-
-          /*&[name$='chat']>li {
-            @include ci('chat');
-          }*/
-
-          &[name$='create']>li {
-            @include ci('offer');
-          }
-
-          &[name$='edit']>li {
-            @include ci('list');
-          }
-
-          /*&[name$='profile']>li, &[name$='information']>li  {
-            @include ci('information');
-          }*/
-
-          &[name$='drive']>li {
-            @include ci('file');
-          }
-
-          /*&[name='admin-communities']>li {
-            @include ci('networking');
-          }*/
-
-          /*&[name='admin-circles']>li {
-            @include ci('bubble-add');
-          }*/
-
-          /*&[name='admin-projects']>li {
-            @include ci('add');
-          }*/
-
           &[active] {
             background-color: var(--color-heading);
             color: white;
-            display: inline-block;
-          }
-
-          &.active-color[active] {
-            >li::before {
-              background-color: white;
-            }
           }
 
           &:hover:not([active]) {