diff options
Diffstat (limited to 'src/scss/utils/mixins/_bottom-bar.scss')
-rwxr-xr-x | src/scss/utils/mixins/_bottom-bar.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/scss/utils/mixins/_bottom-bar.scss b/src/scss/utils/mixins/_bottom-bar.scss index 32f7131..91c7cbb 100755 --- a/src/scss/utils/mixins/_bottom-bar.scss +++ b/src/scss/utils/mixins/_bottom-bar.scss @@ -27,20 +27,26 @@ /// Mixin helper to pushed bottom bar from medium sidebar size @mixin bottom-bar-pushed-md { + @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - @include prefix(transform, translate3d(#{map-get($sidebar, md-screen-width)}, 0, 0), 'webkit' 'moz'); + margin-left: #{map-get($sidebar, md-screen-width)}; + width: calc(100% - #{map-get($sidebar, md-screen-width)}); } } /// Mixin helper to pushed bottom bar from large sidebar size @mixin bottom-bar-pushed-lg { + @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - @include prefix(transform, translate3d(#{map-get($sidebar, lg-screen-width)}, 0, 0), 'webkit' 'moz'); + margin-left: #{map-get($sidebar, lg-screen-width)}; + width: calc(100% - #{map-get($sidebar, lg-screen-width)}); } } /// Mixin helper to pushed bottom bar from extra large sidebar size @mixin bottom-bar-pushed-xlg { + @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - @include prefix(transform, translate3d(#{map-get($sidebar, xlg-screen-width)}, 0, 0), 'webkit' 'moz'); + margin-left: #{map-get($sidebar, xlg-screen-width)}; + width: calc(100% - #{map-get($sidebar, xlg-screen-width)}); } }
\ No newline at end of file |