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