css: Use SCSS nesting for `.contributors .person` in portico.scss.

This commit is contained in:
Siddharth Varshney 2020-03-25 05:47:02 +05:30 committed by Tim Abbott
parent b524b09a37
commit 9e4e608460
1 changed files with 20 additions and 20 deletions

View File

@ -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 {