css: Use SCSS nesting for #compose-buttons media queries.

This commit is contained in:
Vaibhav
2019-08-24 16:25:15 +05:30
committed by Tim Abbott
parent 8f6ad6bd11
commit 9dd5641d90

View File

@@ -9,10 +9,16 @@
padding: 3px 10px;
}
.compose_mobile_button span {
font-size: 1.2em !important;
font-weight: 400;
line-height: 1em;
.compose_mobile_button {
span {
font-size: 1.2em !important;
font-weight: 400;
line-height: 1em;
}
@media (min-width: 551px) {
display: none;
}
}
.drafts-link {
@@ -26,6 +32,13 @@
font-weight: 400;
display: none;
}
@media (max-width: 550px) {
.compose_stream_button,
.compose_private_button {
display: none;
}
}
}
}
@@ -512,16 +525,3 @@ a#undo_markdown_preview {
.compose_mobile_private_button i {
margin-right: 4px;
}
@media (max-width: 550px) {
#compose_buttons .compose_stream_button,
#compose_buttons .compose_private_button {
display: none;
}
}
@media (min-width: 551px) {
#compose_buttons .compose_mobile_button {
display: none;
}
}