@beeapi/nutui
Version:
一套轻量级移动端Vue组件库
5 lines • 1.85 kB
CSS
/*!
* @beeapi/nutui v2.2.10 - sidenavbar.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
* (c) 2017-2020 JDC
* Released under the MIT License.
*/.nut-subsidenavbar{display:grid;float:left;width:100%;position:relative}.nut-subsidenavbar .item-title{display:block;width:100%;height:40px;position:relative;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #f6f6f6;color:#2d2d2d;font-size:16px;background-color:#f6f6f6}.nut-subsidenavbar .item-title .sidenavbar-title{line-height:40px;color:#2d2d2d}.nut-subsidenavbar .sidenavbar-icon{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.nut-subsidenavbar .sidenavbar-icon i{-webkit-transition:-webkit-transform .25s cubic-bezier(.445,.05,.55,.95);transition:-webkit-transform .25s cubic-bezier(.445,.05,.55,.95);-o-transition:transform .25s cubic-bezier(.445,.05,.55,.95);transition:transform .25s cubic-bezier(.445,.05,.55,.95);transition:transform .25s cubic-bezier(.445,.05,.55,.95),-webkit-transform .25s cubic-bezier(.445,.05,.55,.95)}.nut-subsidenavbar .sidenavbar-icon i.up{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.nut-subsidenavbar .sub-sidenavbar-list{width:100%}.nut-icon{list-style:none;display:inline-block;width:20px;height:20px;color:#2d2d2d}.nut-icon svg{vertical-align:top;width:100%;height:100%;fill:currentColor}.nut-sidenavbaritem{height:40px;line-height:40px}.nut-sidenavbaritem .item-title{color:#2d2d2d;background-color:#fff}.nut-sidenavbar{height:100%;overflow:auto}.nut-sidenavbar .sidenavbar-content{position:relative;background-color:#fff}.nut-sidenavbar .sidenavbar-content .sidenavbar-list{width:100%}