diff --git a/src/styles/layout/circle/_index.scss b/src/styles/layout/circle/_index.scss index 350cfc1..2c602e9 100644 --- a/src/styles/layout/circle/_index.scss +++ b/src/styles/layout/circle/_index.scss @@ -1,3 +1,4 @@ +@import 'circle'; @import 'circle-profile'; @import 'circle-edit'; @import 'circle-admin'; \ No newline at end of file diff --git a/src/styles/layout/circle/circle-profile.scss b/src/styles/layout/circle/circle-profile.scss index 51dc878..7810d26 100644 --- a/src/styles/layout/circle/circle-profile.scss +++ b/src/styles/layout/circle/circle-profile.scss @@ -1,23 +1,4 @@ -#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; - } - } +#circle-information { .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 { diff --git a/src/styles/layout/circle/circle.scss b/src/styles/layout/circle/circle.scss new file mode 100644 index 0000000..2ed233f --- /dev/null +++ b/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; + } + } +} \ No newline at end of file