Sidebar is responsive
This commit is contained in:
@ -111,12 +111,33 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.offsite-is-closed {
|
||||
&.jsRightMenu.offsite-is-closed {
|
||||
transform: translate(15.5rem);
|
||||
|
||||
& .jsOffsiteToggle::before {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
&.jsRightMenu.mobile-opened {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
background: $color-221-51-90;
|
||||
bottom: 0;
|
||||
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 60%;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 83px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.jsRightMenu.mobile-closed {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user