192 lines
2.8 KiB
SCSS
192 lines
2.8 KiB
SCSS
// job offers
|
|
// .new-job-offer {
|
|
// @extend %button;
|
|
// text-transform: uppercase;
|
|
// margin-left: 1em;
|
|
// margin-bottom: 1em
|
|
// //float: right;
|
|
// }
|
|
|
|
// skills
|
|
|
|
/*#member-profile sib-display-lookuplist {
|
|
display: flex;
|
|
|
|
ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
list-style: none;
|
|
}
|
|
|
|
li[name*='skills'] {
|
|
padding: 0.3em 1.2em;
|
|
border: 1px solid;
|
|
border-radius: 2em;
|
|
margin: 0.25em;
|
|
background-color: $color-selective-yellow;
|
|
color: $color-white;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
*/
|
|
// group
|
|
|
|
#group-profile {
|
|
sib-display-div[name='name'] div {
|
|
@extend h1;
|
|
}
|
|
|
|
sib-display-div[name='label-description'] div {
|
|
@extend h2;
|
|
}
|
|
}
|
|
// chat
|
|
|
|
.chat-view {
|
|
padding: 1.7rem;
|
|
position: relative;
|
|
z-index: 0;
|
|
@extend %frame;
|
|
height: calc(100vh - 104px);
|
|
|
|
> sib-chat {
|
|
@include pos();
|
|
}
|
|
}
|
|
// member-profile && members
|
|
|
|
/*.members-list-condensed {
|
|
img {
|
|
width: 50px;
|
|
height: 100px;
|
|
border-radius: 100%;
|
|
object-fit: cover;
|
|
object-position: top;
|
|
}
|
|
|
|
label {
|
|
display: none;
|
|
}
|
|
|
|
> div > sib-display > div {
|
|
display: grid;
|
|
grid-template-columns: 0.5fr 2fr;
|
|
grid-template-rows: repeat(3, auto);
|
|
grid-column-gap: 3rem;
|
|
align-items: center;
|
|
|
|
div[name="teammate-img"] {
|
|
background: blue;
|
|
grid-row: 1 / -1;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
ul{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
list-style-type: none;
|
|
}
|
|
>[name$="user"]{
|
|
color: $color-dark-lava;
|
|
}
|
|
>[name$="avatar"]{
|
|
grid-column-start: first;
|
|
grid-column-end: middle;
|
|
grid-row-start: first;
|
|
grid-row-end: end;
|
|
}
|
|
}
|
|
|
|
// ul {
|
|
// padding-left: 1em;
|
|
// }
|
|
}*/
|
|
|
|
hdapp-available {
|
|
display: block;
|
|
text-align: right;
|
|
|
|
strong {
|
|
@extend %button;
|
|
}
|
|
}
|
|
|
|
/*#member-profile {
|
|
ul {
|
|
@include list-reset();
|
|
}
|
|
}*/
|
|
|
|
#member-profile {
|
|
@include media('width>tablet') {
|
|
div[name='header'] {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
div[name='name'] {
|
|
@extend h1;
|
|
|
|
div {
|
|
display: inline-block;
|
|
margin-right: 0.7rem;
|
|
}
|
|
}
|
|
|
|
sib-link[next='member-chat'] {
|
|
border-style: solid;
|
|
display: flex;
|
|
border-radius: 25px;
|
|
border-style: solid;
|
|
border-color: $color-majorelle-blue;
|
|
color: $color-majorelle-blue;
|
|
padding: 1.7rem;
|
|
text-decoration:none;
|
|
}
|
|
|
|
div[name='pseudonym'] {
|
|
margin-top: -1.7rem;
|
|
margin-bottom: 1.7rem;
|
|
}
|
|
|
|
#member-info {
|
|
&:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
}
|
|
}
|
|
|
|
sib-form {
|
|
|
|
form > * {
|
|
margin-top: 0.85rem;
|
|
}
|
|
|
|
// button like
|
|
input[type='color'],
|
|
input[type='file'],
|
|
input[type='reset'],
|
|
input[type='submit'] {
|
|
@extend %button;
|
|
}
|
|
|
|
input[type='reset'] {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*
|
|
label {
|
|
@extend h2;
|
|
&:after {
|
|
content: ':';
|
|
}
|
|
}
|
|
*/
|
|
|