ui(general): correct the general display after switching to Core 0.7 + freezed dependancies

src/styles/form.scss

@@ -46,6 +46,17 @@
     flex-direction: column;
   }
 
+  input {
+    -webkit-appearance: none;
+    align-items: center;
+    background: $color-glitter;
+    border: none;
+    color: $color-purple-dark;
+    display: inline-flex;
+    justify-content: flex-start;
+    line-height: 1.5;
+    vertical-align: top;
+  }
   
   sib-form-auto-completion,
   sib-form-checkbox,
@@ -61,7 +72,6 @@
       @extend %label;
     }
 
-    input,
     select,
     textarea {
       background: $color-glitter;
@@ -69,9 +79,9 @@
       color: $color-purple-dark;
       line-height: 1.5;
       width: 100%;
+      
     }
 
-    input,
     select,
     textarea {
       padding: 1.7rem;
@@ -207,6 +217,13 @@
     align-items: stretch;
   }
 
+  sib-multiple-form {
+
+    > label {
+      display: none;
+    }
+  }
+
   input[type='submit'] {
     margin-top: 6rem;
     @extend %submit-form;
@@ -221,3 +238,54 @@
     margin-bottom: 3.4rem;
   }
 }
+
+.is-horizontal {
+  display: flex;
+}
+
+.field {
+  margin-right: 0.75rem;
+  max-width: 50%;
+}
+
+.is-expanded {
+  flex-grow: 1;
+}
+
+sib-multiple-form[name='members'] {
+
+  > div {
+    align-items: center;
+    display: flex;
+  }
+
+  > div:not(:nth-child(-n + 2)) {
+
+    label {
+      
+      > div {
+        display: none;
+      }
+    }
+  }
+
+  button {
+    appearance: none;
+    background-color: $color-white;
+    border: 1px solid;
+    border-radius: 100%;
+    color: $color-majorelle-blue;
+    cursor: pointer;
+    font-size: 2.55rem;
+    height: 1em;
+    line-height: 0;
+    margin: 0.34rem;
+    padding: 0 0.04em 0.08em;
+    vertical-align: middle;
+    width: 1em;
+
+    &::after {
+      content: Add;
+    }
+  }
+}

src/styles/job-offers.scss

@@ -45,6 +45,10 @@
         sib-multiple[name$='groups'] {
           display: flex;
 
+          label {
+            display: none;
+          }
+
           > * {
             @extend %group;
           }
@@ -87,6 +91,12 @@
         line-height: 1.6;
         margin-bottom: 1.6rem;
       }
+
+      [name='skills'] {
+        label {
+          display: none;
+        }
+      }
       
       [name='send'] {
         color: $color-majorelle-blue;

src/styles/main.scss

@@ -223,6 +223,7 @@ sib-multiple[name*='skills'] {
   border: 1px solid $color-selective-yellow;
   border-radius: 2em;
   color: $color-white;
+  display: block;
   font-size: 1.4rem;
   font-weight: bold;
   margin: 0.4rem 1rem 0.4rem 0;

src/styles/member-profile.scss

@@ -146,6 +146,7 @@
 
       label {
         font-weight: bold;
+        display: block;
         padding-bottom: 0.5rem;
       }
     }

src/styles/project-profile.scss

@@ -171,6 +171,10 @@
   
   > sib-multiple {
 
+    label {
+      display: none;
+    }
+
     > team-template[name='members'] {
       display: grid;
       grid-column-gap: 1.6rem;
@@ -218,7 +222,7 @@
             display: flex;
             margin-left: 1rem;
             
-            div[name='name'] {
+            sib-multiple [name='name'] {
               @extend %group;
             }
           }

src/styles/variables.scss

@@ -93,7 +93,7 @@ $color-majorelle-blue:   hsl(244, 73%, 62%);
     @include mdi('cellphone-iphone');
   }
 
-  [name="foaf:homepage"] {
+  [name="foaf:homepage"]:not(:empty) {
     @include mdi('link-variant');
   }
 }