Added burguer icon to show sidebar on mobile devices

This commit is contained in:
Alejandro Celaya
2018-08-15 08:51:20 +02:00
parent a00f59bab3
commit cb3186395d
7 changed files with 97 additions and 37 deletions

View File

@@ -1,3 +1,5 @@
@import '../utils/base';
.menu-layout__swipeable {
$offset: 15px;
height: 100%;
@@ -10,3 +12,22 @@
.menu-layout__swipeable-inner {
height: 100%;
}
.menu-layout__burger-icon {
display: none;
transition: color 300ms;
position: fixed;
top: 18px;
z-index: 1035;
font-size: 1.5rem;
cursor: pointer;
color: rgba(255,255,255,.5);
@media (max-width: $smMax) {
display: inline-block;
}
}
.menu-layout__burger-icon--active {
color: white;
}