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,38 +956,50 @@ form#add_new_subscription {
} }
} }
#stream_privacy_modal ul.grey-box { ul.grey-box {
#stream_privacy_modal & {
border-style: none; border-style: none;
} }
#stream_privacy_modal ul.grey-box li, li {
#subscription_overlay ul.grey-box li { #stream_privacy_modal &,
#subscription_overlay & {
border-bottom: 1px solid hsl(0, 0%, 87%); border-bottom: 1px solid hsl(0, 0%, 87%);
padding: 5px 0px; padding: 5px 0px;
} }
#stream_privacy_modal ul.grey-box li input[type=checkbox] { input[type=checkbox] {
#stream_privacy_modal & {
margin-top: 4px; 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 &,
#subscription_overlay & {
border-bottom: none; border-bottom: none;
} }
#stream_privacy_modal ul.grey-box li .sp-replacer,
#subscription_overlay ul.grey-box li .sp-replacer {
box-shadow: none;
} }
#stream_privacy_modal ul.grey-box li input[type=radio], .sp-replacer {
#subscription_overlay ul.grey-box li input[type=radio] { #stream_privacy_modal &,
#subscription_overlay & {
box-shadow: none;
}
}
input[type=radio] {
#stream_privacy_modal &,
#subscription_overlay & {
margin-right: 5px; margin-right: 5px;
} }
}
}
}
@media (max-width: 1130px) { @media (max-width: 1130px) {
.subscriptions-container { .subscriptions-container {