// Mobile Menu .mobile-menu {
background: $principal-color; height: 100%; position: fixed; right: -250px; top: 0; width: 250px; z-index: 2; a { color: #ffffff; }
}
.mobile-menu-show {
@include mobile-menu-transition(-250px, $transition-time);
}
.mobile-menu-hidden {
@include mobile-menu-transition(0, $transition-time);
}
.menu-close-btn {
display: block; font-size: 31px; padding: 10px 15px; text-align: right;
}
.page-links {
display: block; font-size: 20px; padding: 10px 15px; a { border: 0; border-top: $border; display: block; padding: 15px 0; width: 220px; } a:active, a:hover { text-decoration: none; } li:last-child { border: 0; border-bottom: $border; width: 220px; }
}