feature: css variables

src/styles/layout/job-offers/job-offers.scss

@@ -1,4 +1,4 @@
-.job-offers__container {
+/*.job-offers__container {
   @extend %grid-layer;
 }
 
@@ -202,5 +202,5 @@ sib-action[name='edit'] {
     @include icon('pencil');
     font-size: 2rem;
   }
-}
+}*/
 

src/styles/layout/members/member-profile.scss

@@ -1,4 +1,4 @@
-#member-profile {
+/*#member-profile {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
@@ -149,4 +149,4 @@
       }
     }
   }
-}
+}*/

src/styles/layout/members/members.scss

@@ -1,4 +1,4 @@
-%member-info {
+/*%member-info {
 
   sib-multiple[name^='user.'],
   >member-info>div,
@@ -239,4 +239,4 @@ member-info-groups {
       }
     }
   }
-}
+}*/

src/styles/layout/project/project-profile.scss

@@ -6,7 +6,7 @@
   }
 
   .button-question__color {
-    color: $color-216-4-22;
+    color: var(--color-secondary);
   }
 
   .customer-box {
@@ -14,7 +14,7 @@
     margin: 1.6rem 0;
 
     >* {
-      border: 1px solid $color-221-51-90;
+      border: 1px solid var(--color-grey-8);
       flex: 0 1 50%;
       padding: 1.7rem 2rem;
 
@@ -94,7 +94,7 @@
       margin-bottom: 0.5em;
 
       span::before {
-        color: $color-43-100-50;
+        color: var(--color-primary);
         font-size: 2.2rem;
         margin: 0 1rem 0 0;
       }
@@ -103,7 +103,7 @@
         font-weight: bold;
 
         &.link-color {
-          color: $color-244-73-62;
+          color: var(--color-complementary);
         }
 
         &.norm-weight {

src/styles/layout/user/user-profile.scss

@@ -1,4 +1,4 @@
-.user-profile__container {
+/*.user-profile__container {
 
   .user-bio {
     display: grid;
@@ -42,10 +42,10 @@
     }
 
     .info-form {
-      grid-area: information;
+      grid-area: information; */
 
       /* ces styles disparaitront lorsque l'on aura la fonctionnalité pour uploader une photo */
-      [name="account.picture"] {
+      /*[name="account.picture"] {
         margin-bottom: 1rem;
       }
 
@@ -60,9 +60,9 @@
         p {
           margin-left: 1rem;
         }
-      }
+      }*/
       /* Fin commentaire sur upload photos */
-    }
+    /*}
 
     [name^="inline-"] {
       display: flex;
@@ -73,4 +73,4 @@
       }
     }
   }
-}
+}*/