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

This commit is contained in:
Siddharth Varshney 2020-03-25 05:52:18 +05:30 committed by Tim Abbott
parent 9e4e608460
commit 3f6ce5ffb1
1 changed files with 31 additions and 31 deletions

View File

@ -828,6 +828,37 @@ a.bottom-signup-button {
.contributors {
display: none;
.person {
box-sizing: border-box;
padding: 10px;
border: 1px solid hsl(0, 0%, 93%);
border-radius: 4px;
transition: all 0.3s ease;
a {
color: inherit;
}
&:hover {
border: 1px solid hsl(0, 0%, 73%);
}
.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;
}
}
}
/* Activated .contributors */
@ -846,37 +877,6 @@ input#terminal:checked ~ #tab-terminal {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.contributors .person {
box-sizing: border-box;
padding: 10px;
border: 1px solid hsl(0, 0%, 93%);
border-radius: 4px;
transition: all 0.3s ease;
a {
color: inherit;
}
&:hover {
border: 1px solid hsl(0, 0%, 73%);
}
.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 {
width: auto;
height: auto;