diff options
Diffstat (limited to 'src/scss/utils/mixins/_main.scss')
-rwxr-xr-x | src/scss/utils/mixins/_main.scss | 12 |
1 files changed, 3 insertions, 9 deletions
diff --git a/src/scss/utils/mixins/_main.scss b/src/scss/utils/mixins/_main.scss index 226da6f..a74364c 100755 --- a/src/scss/utils/mixins/_main.scss +++ b/src/scss/utils/mixins/_main.scss @@ -28,27 +28,21 @@ /// Mixin helper to push `main` div from medium sidebar size @mixin main-pushed-md { - @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - margin-left: #{map-get($sidebar, md-screen-width)}; - width: calc(100% - #{map-get($sidebar, md-screen-width)}); + @include prefix(transform, translate3d(#{map-get($sidebar, md-screen-width)}, 0, 0), 'webkit' 'moz'); } } /// Mixin helper to push `main` div from large sidebar size @mixin main-pushed-lg { - @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - margin-left: #{map-get($sidebar, lg-screen-width)}; - width: calc(100% - #{map-get($sidebar, lg-screen-width)}); + @include prefix(transform, translate3d(#{map-get($sidebar, lg-screen-width)}, 0, 0), 'webkit' 'moz'); } } /// Mixin helper to push `main` div from extra large sidebar size @mixin main-pushed-xlg { - @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - margin-left: #{map-get($sidebar, xlg-screen-width)}; - width: calc(100% - #{map-get($sidebar, xlg-screen-width)}); + @include prefix(transform, translate3d(#{map-get($sidebar, xlg-screen-width)}, 0, 0), 'webkit' 'moz'); } } |