Clean-up circle-profile.scss

src/styles/layout/circle/_index.scss

@@ -1,3 +1,4 @@
+@import 'circle';
 @import 'circle-profile';
 @import 'circle-edit';
 @import 'circle-admin';

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

@@ -1,23 +1,4 @@
-#circle-information,
+#circle-information {
-#circle-edit,
-#admin-circle-list {
-
-  h2 {
-    font-size: 1.7rem;
-    font-weight: bold;
-    text-transform: uppercase;
-  }
-
-  .content-box__info {
-    @extend %padding-block;
-    display: flex;
-    flex-direction: column;
-
-    .backlink {
-      text-align: right;
-      display: block;
-    }
-  }
 
   .box-button {
     display: flex;
@@ -31,41 +12,10 @@
 
       .form-label.is-dark>label {
         margin-top: 0;
-
-        /*>div:first-child {
-          @extend h3;
-          font-weight: bold;
-          margin: 0 0 1.4rem;
-          text-transform: uppercase;
-        }*/ /* Casse l'alignement de "add a member" au niveau du bouton. Utile ailleurs ?*/
       }
     }
 
     >div { /* peut-être à mettre dans main.scss */
-      display: flex;
-      flex-direction: column;
-      margin-bottom: 2.6rem;
-      position: relative;
-
-      >[name^='label'] {
-        @extend h3;
-        font-weight: bold;
-        margin: 0 0 1.4rem;
-        text-transform: uppercase;
-      }
-
-      >[name='description'] {
-        max-width: 80%;
-      }
-
-      >[name='entitled'] {
-        align-self: flex-end;
-        position: absolute;
-
-        >*:first-child {
-          margin-right: 0.8rem;
-        }
-      }
       
       >sib-multiple {
 

src/styles/layout/circle/circle.scss

@@ -0,0 +1,21 @@
+#circle-information,
+#circle-edit,
+#admin-circle-list {
+
+  h2 {
+    font-size: 1.7rem;
+    font-weight: bold;
+    text-transform: uppercase;
+  }
+
+  .content-box__info {
+    @extend %padding-block;
+    display: flex;
+    flex-direction: column;
+
+    .backlink {
+      text-align: right;
+      display: block;
+    }
+  }
+}