generator-confit
Version:
Yeoman generator for creating the development process, tools and a sample project for current-generation web applications
37 lines (32 loc) • 782 B
text/stylus
/*
* Swanky Theme
* Sidebar
*/
.sidebar
background $block-background-colour
position fixed
z-index 1
overflow-x auto
-webkit-overflow-scrolling touch
-ms-overflow-style none
width $sidebar-width
top $header-height-mobile
bottom 0
left -($sidebar-width)
transition all $duration ease
transform translate3d(0, 0, 0)
@media screen and (min-width: $screen-is-bigger-than-tablet)
display block
width $sidebar-width
top $header-height
box-shadow none
left 0
// Offcanvas menu
:global
.show-nav
#offCanvasNav
transform: translate3d(100%, 0, 0);
box-shadow 2px 0px 6px 0px rgba(0,0,0,0.2)
@media screen and (min-width: $screen-is-bigger-than-tablet)
transform translate3d(0, 0, 0)
box-shadow none