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));
}
.contributors .person a {
color: inherit;
}
.contributors .person {
box-sizing: border-box;
padding: 10px;
border: 1px solid hsl(0, 0%, 93%);
border-radius: 4px;
transition: all 0.3s ease;
}
.contributors .person:hover {
border: 1px solid hsl(0, 0%, 73%);
}
a {
color: inherit;
}
.contributors .person .avatar {
width: 60px;
text-align: center;
display: inline-block;
vertical-align: top;
}
&:hover {
border: 1px solid hsl(0, 0%, 73%);
}
.contributors .person .info {
width: 50%;
text-align: left;
display: inline-block;
vertical-align: top;
margin-left: 10px;
.avatar {
width: 60px;
text-align: center;
display: inline-block;
vertical-align: top;
}
.info {
width: 50%;
text-align: left;
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
}
.avatar_img {