#project-profile { [name^='block-']:not([name='block-title']) { margin-top: 5.1rem; [name^='label-'] { display: block; font-weight: bold; margin-bottom: 1.4rem; text-transform: uppercase; @extend h2; } sib-display-value:not(:first-of-type), ul, [name*='job'] { font-size: 1.5rem; } } [name='block-title'] { border-bottom: 1px solid $color-221-51-90; display: flex; padding-bottom: 3.4rem; >* { color: $color-216-4-22; font-size: 2rem; font-weight: bold; padding-right: 0.85rem; text-transform: uppercase; } >[name^='const-'] { padding: 0; } >sib-display-value[name='name'] { padding-left: 0.85rem; } > :nth-child(5) { color: $color-233-18-29; font-weight: normal; text-transform: none; } [name='entitled'] { margin-left: auto; } > :nth-last-child(-n+2) { color: $color-213-4-50; font-size: 1.6rem; font-weight: normal; text-transform: none; } } [name='infos'] { display: flex; justify-content: space-between; [name='description'] { display: flex; flex-direction: column; width: 90%; } [name='block-logo'] { box-sizing: border-box; display: block; height: 8.5vh; position: relative; text-align: end; width: 15vw; } } [name='businessProvider'] { ul { list-style: none; padding-left: 0; li { &:first-child { margin-bottom: 0.5em; } span { font-weight: bold; } } } } #clientBox { display: flex; margin-left: auto; margin-right: auto; margin-top: 1.7rem; max-width: 100%; >* { border: 1px solid $color-221-51-90; flex: 1 1 auto; justify-content: space-between; margin: 0 -0.1rem -0.1rem 0; min-width: 25vw; padding: 0; h5 { margin-left: 2rem; margin-top: 2rem; } ul { font-size: 1.5rem; list-style: none; margin: -2.04rem 0 3.74rem -2.04rem; li { span { font-weight: bold; } } } &:first-child { li { span { margin-right: 0.3em; } &:first-child { margin-bottom: 0.5em; } &:last-child { margin-top: 2.4em; } } } &:not(:first-child) { padding-left: 5.1rem; li { margin-bottom: 1.7rem; &:last-child { margin-top: 2.2rem; } &::before { color: $color-43-100-50; font-size: 2.2rem; padding: 0 1rem 0 0; } } } } } [name='block-team'] { >sib-multiple { label { display: none; } >team-template[name='members'] { display: grid; grid-column-gap: 1.6rem; grid-template-columns: 7vh auto; grid-template-rows: repeat(2, 5.2vh); >sib-display:first-child { align-self: center; grid-column: 1 / span 1; grid-row: 1 / span 2; div { background-color: $color-0-0-100; border-radius: 50%; height: 7vh; overflow: hidden; position: relative; width: 7vh; img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } } } >div:nth-child(2) { align-self: end; display: flex; grid-column: 2 / span 1; grid-row: 1 / span 1; span { align-self: center; font-weight: 600; } span~sib-display { >div { display: flex; margin-left: 1rem; sib-multiple [name='name'] { @extend %user-role; } } } } >span:nth-child(3) { align-self: start; grid-column: 2 / span 1; grid-row: 2 / span 1; } } } } }