Files
mostlymatter/webapp/sass/responsive/_desktop.scss
2017-03-13 12:25:08 +00:00

124 строки
2.4 KiB
SCSS

@charset 'UTF-8';
@media screen and (max-width: 1800px) {
.inner-wrap {
&.move--left,
&.webrtc--show {
.date-separator,
.new-separator {
&.hovered--comment {
&:before,
&:after {
background: none;
}
}
}
}
}
}
@media screen and (max-width: 1440px) {
.inner-wrap {
&.move--left,
&.webrtc--show {
.help__format-text {
display: none;
}
}
}
.date-separator,
.new-separator {
&.hovered--comment {
&:before,
&:after {
background: none !important;
}
}
}
.backstage-content {
margin: 46px 46px 46px 150px;
}
}
@media screen and (max-width: 1140px) {
.tip-overlay {
&.tip-overlay--chat {
margin: -10px 0 0 -10px;
.arrow {
left: auto;
right: 15px;
}
}
}
.help__format-text {
display: none;
}
.inner-wrap {
&.move--left,
&.webrtc--show {
.file-overlay {
font-size: em(18px);
.overlay__circle {
height: 300px;
margin: -150px 0 0 -150px;
width: 300px;
}
.overlay__files {
margin: 60px auto 15px;
width: 150px;
}
}
}
&.move--left {
.post {
&.post--root,
&.other--root {
.post__header {
padding-right: 70px;
}
}
&.post--comment {
.post__header {
padding-right: 70px;
}
}
}
}
}
}
@media (max-width: 1024px) {
.inner-wrap {
&.move--left {
.channel-header {
.heading {
width: 100px;
}
}
}
}
.channel-header {
.search-bar__container {
.search__form {
width: 150px;
}
}
}
}
@media (min-width: 992px) {
.modal-lg {
width: 700px;
}
}