#offers-list { @extend .grid-layer; > sib-form { grid-column-start: start; grid-column-end: middle; grid-row-start: start; grid-row-end: middle; } > div { grid-column-start: start; grid-column-end: end; grid-row-start: middle; grid-row-end: end; &:first-of-type { margin-top: 3em; } > sib-display { @extend %frame; display: block; margin: 1em 0; padding: 2em; /*&:nth-child(odd) { background-color: $color-anti-flash-white; }*/ sib-display-div[name='title'] { @extend h3; display: block; font-weight: bold; } label { display: none; } } } } [name='creation'] { margin-top: 20px; } [name='description'] { line-height: 1.6; } [name='send'] { color: $color-majorelle-blue; font-size: 13px; text-align: right; > sib-link { cursor: pointer; @include icon('speech'); &::before { font-size: 15px; margin-right: 12px; } } } [name='status'] { float: right; display: flex; align-items: center; margin: -0.25em; > * { margin: 0.25em; } strong { @extend %status-open; } } [name='user-thumb'] { align-items: center; color: $color-quartz; display: flex; font-weight: 600; margin: -0.25em; > * { margin: 0.25em; } sib-display-img { border-radius: 100%; height: 2.5em; overflow: hidden; width: 2.5em; } div[name*='roles'] { border: 1px solid yellow; border-radius: 3px; color: $color-rolling-stone; font-size: 15px; font-weight: 400; margin-left: 1em; padding: calc(16px - 0.8em) 0.7em; } }