+footer.page-footer {
+ position: relative;
+ background-color: @pageBackground;
+}
+main.pusher ~ footer.page-footer {
+ transition: transform .5s ease;
+ &:after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ content: "";
+ background: @lightTextColor;
+ overflow: hidden;
+ opacity: 0;
+ transition: all .5s;
+ will-change: opacity;
+ }
+}
+main.pusher.dimmed {
+ & ~ footer.page-footer {
+ transform: translate3d(260px, 0, 0);
+ &:after {
+ width: 100% !important;
+ height: 100% !important;
+ opacity: 1 !important;
+ }
+ }
+ &.closing ~ footer.page-footer {
+ transform: translate3d(0, 0, 0);
+ z-index: 1;
+ &:after {
+ opacity: 0 !important;
+ }
+ }
+}
+body:not(.loggedin) main.pusher.dimmed.closing ~ footer.page-footer {
+ z-index: 2;
+}