moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-26 02:42:17 -05:00
Code Issues Releases Wiki Activity

fix wrong respond-to breakpoints

Browse Source
This commit is contained in:
Mario Volke 2014-11-29 10:07:09 +01:00 committed by Tankred Hase
parent 9bee0f3def
commit 15a222a6ae
6 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/sass/blocks/layout/_app.scss
View File

@ -28,7 +28,7 @@
display: none;
}
@include respond-to(not-lg) {
@include respond-to(smaller-lg) {
transform: translateX(-100%);
}
@include respond-to(lg) {
@ -45,7 +45,7 @@
right: 0;
bottom: 0;
@include respond-to(not-lg) {
@include respond-to(smaller-lg) {
&:after {
display: block;
content: '';
@ -87,7 +87,7 @@
}
// Animation
@include respond-to(not-lg) {
@include respond-to(smaller-lg) {
will-change: transform;
transform-style: preserve-3d;
transition: transform 0.15s ease-out;
@ -99,7 +99,7 @@
// Modifier to open sidebar
&--show-aside {
@include respond-to(not-lg) {
@include respond-to(smaller-lg) {
transform: translateX($aside-width);
.app__container:after {
transform: none;

2
src/sass/blocks/layout/_mail-list-wrapper.scss
View File

@ -35,7 +35,7 @@
// Modifier to open sidebar
&--show-aside {
@include respond-to(not-md) {
@include respond-to(smaller-md) {
.mail-list-wrapper__aside {
display: block;
}

4
src/sass/blocks/views/_mail-list.scss
View File

@ -7,7 +7,7 @@
// do not share any common styles between large and other screens
// because styling is very different
@include respond-to(not-lg) {
@include respond-to(smaller-lg) {
display: flex;
flex-direction: column;
height: 100%;
@ -152,7 +152,7 @@
// do not share any common styles between large and other screens
// because styling is very different
@include respond-to(not-lg) {
@include respond-to(smaller-lg) {
$padding-horizontal: 30px;
$padding-vertical: 11px;

2
src/sass/blocks/views/_read.scss
View File

@ -161,7 +161,7 @@
}
}
}
@include respond-to(sm-only) {
@include respond-to(smaller-md) {
&--stripped {
.read__addresses > * {
display: none;

4
src/sass/mixins/_responsive.scss
View File

@ -7,8 +7,8 @@ $mediaqueries: (
md: "(min-width: #{$screen-md-min})",
md-only: "(min-width: #{$screen-md-min}) and (max-width: #{$screen-md-max})",
lg: "(min-width: #{$screen-lg-min})",
not-md: "(max-width: #{$screen-sm-max}), (min-width: #{$screen-lg-min})",
not-lg: "(max-width: #{$screen-md-max})"
smaller-md: "(max-width: #{$screen-sm-max})",
smaller-lg: "(max-width: #{$screen-md-max})",
);
// Central Media Query Mixin

6
src/sass/utilities/_responsive.scss
View File

@ -6,7 +6,7 @@
}
}
.u-visible-md {
@include respond-to(sm-only) {
@include respond-to(smaller-md) {
display: none !important;
}
@include respond-to(lg) {
@ -14,13 +14,13 @@
}
}
.u-visible-lg {
@include respond-to(not-lg) {
@include respond-to(smaller-lg) {
display: none !important;
}
}
.u-hidden-sm {
@include respond-to(sm-only) {
@include respond-to(smaller-md) {
display: none !important;
}
}