hubl/src/styles/job-offers.scss

92 lines
1.4 KiB
SCSS

#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-grey-light;
}*/
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='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-black-light;
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-grey2;
font-size: 15px;
font-weight: 400;
margin-left: 1em;
padding: calc(16px - 0.8em) 0.7em;
}
}