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