github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 21:35:48 +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 {
@media (max-width: $mobile-breakpoint) {
transition: transform 0.3s ease;
transform: (translateX(50%));
@include transition(transform 0.3s ease);
@include transform(translateX(50%));
}
}
.admin-detail.mobile-closed {
@media (max-width: $mobile-breakpoint) {
transition: transform 0.3s ease;
transform: (translateX(0));
@include transition(transform 0.3s ease);
@include transform(translateX(0));
}
}

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

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