css: Use SCSS nesting for .compare tbody tr td.

This commit is contained in:
SiddharthVarshney
2020-07-02 00:21:11 +05:30
committed by Tim Abbott
parent 4c0a4d4cef
commit fb1a593281

View File

@@ -926,41 +926,41 @@ nav {
.compare tbody tr td {
padding: 10px 0px;
}
.compare tbody tr td.no {
text-align: center;
}
&.no {
text-align: center;
}
.compare tbody tr td.yes::before {
content: " ";
display: inline-block;
&.yes::before {
content: " ";
display: inline-block;
width: 27px;
height: 27px;
background-image: url(/static/images/landing-page/checkmark.png);
background-size: 100% auto;
}
width: 27px;
height: 27px;
background-image: url(/static/images/landing-page/checkmark.png);
background-size: 100% auto;
}
.compare tbody tr td.no::before {
content: "\d7";
&.no::before {
content: "\d7";
position: relative;
display: inline-block;
position: relative;
display: inline-block;
top: 3px;
top: 3px;
font-size: 2.5rem;
font-weight: 500;
line-height: 0.9;
font-size: 2.5rem;
font-weight: 500;
line-height: 0.9;
opacity: 0.4;
}
opacity: 0.4;
}
.compare tbody tr td a {
font-size: 0.9rem;
font-weight: 400;
text-transform: uppercase;
a {
font-size: 0.9rem;
font-weight: 400;
text-transform: uppercase;
}
}
.compare p {