mirror of https://github.com/zulip/zulip.git
css: Use SCSS nesting for `.contributors .person` in portico.scss.
This commit is contained in:
parent
b524b09a37
commit
9e4e608460
|
@ -846,35 +846,35 @@ input#terminal:checked ~ #tab-terminal {
|
||||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
.contributors .person a {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contributors .person {
|
.contributors .person {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border: 1px solid hsl(0, 0%, 93%);
|
border: 1px solid hsl(0, 0%, 93%);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
|
||||||
|
|
||||||
.contributors .person:hover {
|
a {
|
||||||
border: 1px solid hsl(0, 0%, 73%);
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contributors .person .avatar {
|
&:hover {
|
||||||
width: 60px;
|
border: 1px solid hsl(0, 0%, 73%);
|
||||||
text-align: center;
|
}
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contributors .person .info {
|
.avatar {
|
||||||
width: 50%;
|
width: 60px;
|
||||||
text-align: left;
|
text-align: center;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin-left: 10px;
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
width: 50%;
|
||||||
|
text-align: left;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar_img {
|
.avatar_img {
|
||||||
|
|
Loading…
Reference in New Issue