css: Use SCSS nesting for `ul.grey-box`.

This commit is contained in:
Vaibhav 2019-07-26 00:01:28 +05:30 committed by Tim Abbott
parent c3a83a82c5
commit 1b1e74bc24
1 changed files with 37 additions and 25 deletions

View File

@ -956,37 +956,49 @@ form#add_new_subscription {
} }
} }
#stream_privacy_modal ul.grey-box { ul.grey-box {
border-style: none; #stream_privacy_modal & {
} border-style: none;
}
#stream_privacy_modal ul.grey-box li, li {
#subscription_overlay ul.grey-box li { #stream_privacy_modal &,
border-bottom: 1px solid hsl(0, 0%, 87%); #subscription_overlay & {
padding: 5px 0px; border-bottom: 1px solid hsl(0, 0%, 87%);
} padding: 5px 0px;
}
#stream_privacy_modal ul.grey-box li input[type=checkbox] { input[type=checkbox] {
margin-top: 4px; #stream_privacy_modal & {
} margin-top: 4px;
}
#subscription_overlay ul.grey-box li input[type=checkbox] { #subscription_overlay & {
margin-top: 0px; margin-top: 0px;
} }
}
#stream_privacy_modal ul.grey-box li:last-of-type, &:last-of-type {
#subscription_overlay ul.grey-box li:last-of-type { #stream_privacy_modal &,
border-bottom: none; #subscription_overlay & {
} border-bottom: none;
}
}
#stream_privacy_modal ul.grey-box li .sp-replacer, .sp-replacer {
#subscription_overlay ul.grey-box li .sp-replacer { #stream_privacy_modal &,
box-shadow: none; #subscription_overlay & {
} box-shadow: none;
}
}
#stream_privacy_modal ul.grey-box li input[type=radio], input[type=radio] {
#subscription_overlay ul.grey-box li input[type=radio] { #stream_privacy_modal &,
margin-right: 5px; #subscription_overlay & {
margin-right: 5px;
}
}
}
} }
@media (max-width: 1130px) { @media (max-width: 1130px) {