burger-menu/lib/index.css

A modern, flexible menu component that provides navigation for pages and features.

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon{display:inline-block;font-style:normal;line-height:0;text-align:center;text-transform:none;text-rendering:optimizeLegibility;fill:currentColor}.icon-default{font-size:16px}.menu-wrap{position:fixed;top:0;bottom:0;z-index:1100;width:100%;height:100%;background-color:#fff}.menu{background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.head{position:relative;padding:12px 16px}.head::after{display:block;clear:both;content:""}.logo{display:inline-flex;width:63px}.close{float:right;padding:4px;cursor:pointer}.close:hover{background-color:rgba(46,50,56,.05)}.close-icon{font-size:20px}.menu{padding-top:16px}.menu a{color:inherit;text-decoration:none}.bm-item,.sub-item{display:block;padding:14px 28px;cursor:pointer}.bm-item:hover,.sub-item:hover{background-color:rgba(46,50,56,.05)}.bm-item .bm-item-icon{display:inline-flex;margin-right:12px;min-width:20px}.bm-item-selected{background-color:#eaf5ff}.sub-menu-wrap .arrow{display:inline-block;font-size:16px;vertical-align:middle;margin-left:6px;transition:transform .2s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sub-menu-wrap .arrow.active{transform:rotate(180deg)}.sub-menu{background-color:#fafafa}.sub-item{transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.sub-item .title{vertical-align:middle}