restore mobile breakpoint
This commit is contained in:
parent
5baa6ea66c
commit
adccdf4b89
|
@ -3,7 +3,7 @@
|
||||||
@import "common/foundation/mixins";
|
@import "common/foundation/mixins";
|
||||||
@import "common/foundation/helpers";
|
@import "common/foundation/helpers";
|
||||||
|
|
||||||
$mobile-breakpoint: 700px;
|
$mobile-breakpoint: 600px;
|
||||||
|
|
||||||
// Change the box model for .admin-content
|
// Change the box model for .admin-content
|
||||||
@media (max-width: $mobile-breakpoint) {
|
@media (max-width: $mobile-breakpoint) {
|
||||||
|
@ -278,14 +278,14 @@ td.flaggers td {
|
||||||
|
|
||||||
.admin-detail.mobile-open {
|
.admin-detail.mobile-open {
|
||||||
@media (max-width: $mobile-breakpoint) {
|
@media (max-width: $mobile-breakpoint) {
|
||||||
@include transition(transform 0.3s ease);
|
transition: transform 0.3s ease;
|
||||||
@include transform(translateX(50%));
|
@include transform(translateX(50%));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-detail.mobile-closed {
|
.admin-detail.mobile-closed {
|
||||||
@media (max-width: $mobile-breakpoint) {
|
@media (max-width: $mobile-breakpoint) {
|
||||||
@include transition(transform 0.3s ease);
|
transition: transform 0.3s ease;
|
||||||
@include transform(translateX(0));
|
@include transform(translateX(0));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -113,11 +113,3 @@
|
||||||
-webkit-transform: $transforms;
|
-webkit-transform: $transforms;
|
||||||
transform: $transforms;
|
transform: $transforms;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin transition($transitions) {
|
|
||||||
-o-transition: $transitions;
|
|
||||||
-moz-transition: $transitions;
|
|
||||||
-webkit-transition: $transitions;
|
|
||||||
transition: $transitions;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue