update: CSS refactoring

This commit is contained in:
Gaëlle Morin 2019-06-27 13:45:35 +02:00
parent 3accd38b31
commit 738eff4760
4 changed files with 9 additions and 21 deletions

View File

@ -176,7 +176,7 @@ sib-action[name='edit'] {
color: $color-215-6-63;
&>sib-link {
@include icon('options-vertical');
@include icon('pencil');
font-size: 2rem;
}
}

View File

@ -13,6 +13,7 @@
div[name='member-profile__bio'] {
display: grid;
grid-gap: 1rem;
grid-template-areas: "avatar name status"
"avatar pseudo status"
"avatar bio status"
@ -26,8 +27,11 @@
img {
border-radius: 50%;
height: 250px;
object-fit: cover;
max-width: 90% !important;
object-position: center;
overflow: hidden;
width: 250px;
}
}
@ -37,26 +41,12 @@
display: flex;
grid-area: name;
>sib-display-value[name='name'] {
color: $color-216-4-22;
font-weight: bold;
@extend h1;
}
>sib-multiple[name$='groups'] {
display: flex;
padding-left: 1.4rem;
}
}
sib-display-value[name='username'] {
grid-area: pseudo;
&::before {
content: '@';
}
}
sib-display-value[name='profile.bio'] {
grid-area: bio;
}

View File

@ -178,8 +178,7 @@ member-info-groups {
}
[name='name'] {
font-weight: bold;
@extend h1;
margin: 0.67em 0;
}
sib-display-value[name$='bio'] {

View File

@ -13,13 +13,12 @@
position: relative;
img {
width: 300px;
border-radius: 50%;
height: 300px;
object-fit: cover;
border-radius: 50%;
overflow: hidden;
object-position: center;
width: 300px;
}
}