github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 23:20:33 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

use transition and transform mixins

Browse Source
This commit is contained in:
scossar 2015-08-30 10:02:12 -07:00
parent 322df1862d
commit 5baa6ea66c
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/admin/admin_base.scss
View File

@ -278,15 +278,15 @@ td.flaggers td {
.admin-detail.mobile-open { .admin-detail.mobile-open {
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
transition: transform 0.3s ease; @include transition(transform 0.3s ease);
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) {
transition: transform 0.3s ease; @include transition(transform 0.3s ease);
transform: (translateX(0)); @include transform(translateX(0));
} }
} }

8
app/assets/stylesheets/common/foundation/mixins.scss
View File

@ -113,3 +113,11 @@
-webkit-transform: $transforms; -webkit-transform: $transforms;
transform: $transforms; transform: $transforms;
} }
@mixin transition($transitions) {
-o-transition: $transitions;
-moz-transition: $transitions;
-webkit-transition: $transitions;
transition: $transitions;
}