minor: Implement core 0.10

src/styles/components/chat.scss

@@ -8,7 +8,7 @@
     height: calc(100vh - 84px - 83px); /* Header's and subheader's height on mobile */
   }
 
-  > sib-chat {
+  > solid-xmpp-chat {
     position: absolute;
     top: 0;
     left: 0;

src/styles/components/comment.scss

@@ -37,9 +37,9 @@
       }
     }
 
-    sib-conversation.conversation {
+    solid-conversation.conversation {
 
-      .sib-conversation {
+      .solid-conversation {
         font-family: Open Sans;
 
         [name='conversation-wrapper'] {
@@ -67,14 +67,14 @@
           }
         }
 
-        >sib-display.conversation>div>sib-display:first-child {
+        >solid-display.conversation>div>solid-display:first-child {
           margin-bottom: 4.5rem;
         }
 
-        sib-ac-checker {
+        solid-ac-checker {
           border-top: 1px solid $color-210-17-91;
 
-          sib-form-textarea {
+          solid-form-textarea {
 
             >label div {
               color: $color-210-5-56;
@@ -111,7 +111,7 @@
           }
         }
 
-        .conversation>div>sib-display,
+        .conversation>div>solid-display,
         .conversation-form {
           border: none;
           margin: 1rem 2.1rem;

src/styles/components/filters.scss

@@ -41,19 +41,19 @@
     }
   }
 
-  sib-form-label-text {
+  solid-form-label-text {
     display: flex;
     flex-direction: column;
   }
 
-  sib-form-placeholder-dropdown[name="skills"] {
+  solid-form-placeholder-dropdown[name="skills"] {
     grid-column-end: 3;
     grid-column-start: 1;
   }
 }
 
 .job-board, #members-list {
-  sib-form[naked] {
+  solid-form[naked] {
     @extend %filters;
   }
 }*/

src/styles/components/sidebar.scss

@@ -45,7 +45,7 @@
     transition: all 0.5s;
     width: 25rem;
 
-    >sib-router {
+    >solid-router {
       color: var(--color-right-menu-text);
       flex: 0 0 auto;
       font-weight: 600;
@@ -79,7 +79,7 @@
           @include icon('arrow-right-circle');
         }
 
-        >sib-route {
+        >solid-route {
 
           &[name*='circle'],
           &[name*='project'] {

src/styles/components/skills.scss

@@ -1,4 +1,4 @@
-sib-multiple[name*='skills'] {
+solid-multiple[name*='skills'] {
   display: flex;
   flex-wrap: wrap;
 }