codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-28 01:56:01 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

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;
}