update: CSS refactoring
This commit is contained in:
parent
3accd38b31
commit
738eff4760
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -178,8 +178,7 @@ member-info-groups {
|
||||
}
|
||||
|
||||
[name='name'] {
|
||||
font-weight: bold;
|
||||
@extend h1;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
sib-display-value[name$='bio'] {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user