Make width breakpoint for removing margins consistent and match upstream

Fixes #1136
This commit is contained in:
Thibaut Girka 2019-07-18 14:32:45 +02:00 committed by ThibG
parent 20520e6158
commit fabfa90e6c
3 changed files with 6 additions and 6 deletions

View file

@ -43,7 +43,7 @@
display: flex;
flex-direction: column;
@media screen and (min-width: 360px) {
@media screen and (min-width: $no-gap-breakpoint) {
padding: 0 10px;
}
}
@ -466,14 +466,14 @@
}
.auto-columns.navbar-under {
@media screen and (max-width: 360px) {
@media screen and (max-width: $no-gap-breakpoint) {
@include fix-margins-for-navbar-under;
}
}
.auto-columns.navbar-under .react-swipeable-view-container .columns-area,
.single-column.navbar-under .react-swipeable-view-container .columns-area {
@media screen and (max-width: 360px) {
@media screen and (max-width: $no-gap-breakpoint) {
height: 100% !important;
}
}

View file

@ -78,7 +78,7 @@
margin-bottom: 10px;
flex: none;
@include limited-single-column('screen and (max-width: 360px)') { margin-bottom: 0 }
@include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }
@include single-column('screen and (max-width: 630px)') { font-size: 16px }
}

View file

@ -98,7 +98,7 @@
top: 15px;
}
@media screen and (min-width: 360px) {
@media screen and (min-width: $no-gap-breakpoint) {
padding: 10px 0;
}
@ -184,7 +184,7 @@
}
}
@media screen and (min-width: 360px) {
@media screen and (min-width: $no-gap-breakpoint) {
.tabs-bar {
margin: 10px auto;
margin-bottom: 0;