minor: Implement core 0.10

This commit is contained in:
Jean-Baptiste Pasquier
2020-06-18 20:02:54 +02:00
parent 772c65dfe1
commit 2ae8db7429
61 changed files with 439 additions and 534 deletions

View File

@ -11,7 +11,7 @@
.member-bio {
sib-set-default[name='member-profile__bio'] {
solid-set-default[name='member-profile__bio'] {
display: grid;
grid-gap: 1rem;
grid-template-areas: "avatar name status"
@ -20,7 +20,7 @@
"avatar list button";
grid-template-columns: 1fr 2fr 1fr;
sib-set-default[name='member-img'] {
solid-set-default[name='member-img'] {
grid-area: avatar;
member-picture {
@ -56,23 +56,23 @@
}
}
sib-set-default[name='member-profile'] {
solid-set-default[name='member-profile'] {
align-items: baseline;
align-self: end;
display: flex;
grid-area: name;
>sib-multiple[name$='groups'] {
>solid-multiple[name$='groups'] {
display: flex;
padding-left: 1.4rem;
}
}
sib-display-value[name='profile.bio'] {
solid-display-value[name='profile.bio'] {
grid-area: bio;
}
sib-set-default[name='infos'] {
solid-set-default[name='infos'] {
display: block;
grid-area: list;
@ -115,7 +115,7 @@
}
}
sib-action[name='send'] {
solid-action[name='send'] {
align-self: flex-end;
grid-area: button;
justify-self: flex-end;

View File

@ -1,8 +1,8 @@
/*%member-info {
sib-multiple[name^='user.'],
solid-multiple[name^='user.'],
>member-info>div,
>sib-display-value {
>solid-display-value {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
@ -70,7 +70,7 @@ member-info-groups {
}
}
&>sib-form {
&>solid-form {
grid-column-start: start;
grid-column-end: middle;
grid-row-start: start;
@ -126,7 +126,7 @@ member-info-groups {
grid-template-columns: repeat(3, 1.5fr);
}
&>sib-display {
&>solid-display {
background-color: white;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
color: $color-210-4-50;
@ -151,7 +151,7 @@ member-info-groups {
display: none;
}
sib-multiple[name$='groups'] {
solid-multiple[name$='groups'] {
align-items: flex-start;
display: flex;
justify-content: flex-end;
@ -189,7 +189,7 @@ member-info-groups {
}
}
sib-set-default[name='bio'] {
solid-set-default[name='bio'] {
align-items: center;
border-bottom: 1px solid $color-210-25-95;
display: flex;
@ -204,7 +204,7 @@ member-info-groups {
margin-top: 0.6rem;
}
sib-display-value[name$='bio'] {
solid-display-value[name$='bio'] {
flex: 1;
margin: 2.5rem 0;
padding: 0 10px;
@ -228,11 +228,11 @@ member-info-groups {
}
}
sib-set-default[name='infos'] {
solid-set-default[name='infos'] {
padding: 0.4rem 2rem 3.7rem;
@extend %member-info;
sib-multiple[name='skills'] {
solid-multiple[name='skills'] {
margin: 1.6rem 0;
}
}