tinper-bee/dist/Dropdown/index.css

React Components living for enterprise-class pc backend application

.u-dropdown{position:absolute;left:-9999px;top:-9999px;z-index:1;display:block;font-size:12px;font-weight:400;line-height:1.5}.u-dropdown-hidden{display:none}.u-dropdown-menu{outline:none;position:relative;list-style-type:none;padding:0;margin:5px 0 0;text-align:left;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 1px 5px #a5adba;box-shadow:0 1px 5px #a5adba;background-clip:padding-box}.u-dropdown-menu>li{margin:0;padding:0}.u-dropdown-menu-submenu{position:relative}.u-dropdown-menu-submenu-title{margin:0;position:relative;display:block;white-space:nowrap;padding:0 16px;line-height:42px;height:42px;overflow:hidden;text-overflow:ellipsis}.u-dropdown-menu-submenu-title:hover{background:#ebecf0}.u-dropdown-menu-submenu-vertical>.u-dropdown-menu-submenu-title:after{-webkit-transform:rotate(270deg) scale(.75);transform:rotate(270deg) scale(.75);font-family:uf;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;position:absolute;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;content:"\E609";right:16px;top:0;display:inline-block;font-size:8px\9;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}.u-dropdown-menu-hidden{display:none}.u-dropdown-menu:before{content:"";position:absolute;top:-4px;left:0;width:100%;height:4px;background:#fff;background:hsla(0,0%,100%,.01)}.u-dropdown-menu-item-group-title{color:#909090;font-size:12px;line-height:1.5;padding:8px 16px}.u-dropdown-menu>.u-dropdown-menu-item{position:relative;display:block;padding:0 16px;line-height:42px;height:42px;overflow:hidden;text-overflow:ellipsis;clear:both;font-weight:400;white-space:nowrap}.u-dropdown-menu>.u-dropdown-menu-item-active,.u-dropdown-menu>.u-dropdown-menu-item-selected,.u-dropdown-menu>.u-dropdown-menu-item:hover{background-color:#ebecf0;cursor:pointer}.u-dropdown-menu>.u-dropdown-menu-item-selected{color:#f53c32;background-color:#fff7e7;position:relative}.u-dropdown-menu>.u-dropdown-menu-item-selected:hover{background-color:#fff7e7}.u-dropdown-menu>.u-dropdown-menu-item-disabled{color:#909090;cursor:not-allowed}.u-dropdown-menu>.u-dropdown-menu-item-disabled:hover{color:#909090;background-color:#fff;cursor:not-allowed}.u-dropdown-menu>.u-dropdown-menu-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.u-dropdown-menu>.u-dropdown-menu-item:first-child{margin-top:5px;border-top-left-radius:3px;border-top-right-radius:3px}.u-dropdown-menu>.u-dropdown-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;background-color:#e0e0e0;line-height:0}.u-dropdown-menu-item-group-list{padding:0}.u-dropdown-menu-item-group-list>.u-dropdown-menu-item{padding:0 16px;line-height:42px;height:42px;overflow:hidden;text-overflow:ellipsis}.u-dropdown-menu-item-group-list>.u-dropdown-menu-item:hover{background:#ebecf0}.u-dropdown-menu-item-group-list>.u-dropdown-menu-item-selected{color:#f53c32;background:#fff7e7}.u-dropdown-menu-item-group-list>.u-dropdown-menu-item-selected:hover{background:#fff7e7}.u-dropdown-menu-vertical .u-dropdown-menu{top:0;position:absolute;min-width:160px;margin-left:4px}.u-dropdown-slide-up-appear,.u-dropdown-slide-up-enter{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;display:block;opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-play-state:paused;animation-play-state:paused}.u-dropdown-slide-up-leave{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;display:block;opacity:1;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);-webkit-animation-play-state:paused;animation-play-state:paused}.u-dropdown-slide-up-appear.u-dropdown-slide-up-appear-active.u-dropdown-placement-bottomCenter,.u-dropdown-slide-up-appear.u-dropdown-slide-up-appear-active.u-dropdown-placement-bottomLeft,.u-dropdown-slide-up-appear.u-dropdown-slide-up-appear-active.u-dropdown-placement-bottomRight,.u-dropdown-slide-up-enter.u-dropdown-slide-up-enter-active.u-dropdown-placement-bottomCenter,.u-dropdown-slide-up-enter.u-dropdown-slide-up-enter-active.u-dropdown-placement-bottomLeft,.u-dropdown-slide-up-enter.u-dropdown-slide-up-enter-active.u-dropdown-placement-bottomRight{-webkit-animation-name:uDropdownSlideUpIn;animation-name:uDropdownSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.u-dropdown-slide-up-appear.u-dropdown-slide-up-appear-active.u-dropdown-placement-topCenter,.u-dropdown-slide-up-appear.u-dropdown-slide-up-appear-active.u-dropdown-placement-topLeft,.u-dropdown-slide-up-appear.u-dropdown-slide-up-appear-active.u-dropdown-placement-topRight,.u-dropdown-slide-up-enter.u-dropdown-slide-up-enter-active.u-dropdown-placement-topCenter,.u-dropdown-slide-up-enter.u-dropdown-slide-up-enter-active.u-dropdown-placement-topLeft,.u-dropdown-slide-up-enter.u-dropdown-slide-up-enter-active.u-dropdown-placement-topRight{-webkit-animation-name:uDropdownSlideDownIn;animation-name:uDropdownSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.u-dropdown-slide-up-leave.u-dropdown-slide-up-leave-active.u-dropdown-placement-bottomCenter,.u-dropdown-slide-up-leave.u-dropdown-slide-up-leave-active.u-dropdown-placement-bottomLeft,.u-dropdown-slide-up-leave.u-dropdown-slide-up-leave-active.u-dropdown-placement-bottomRight{-webkit-animation-name:uDropdownSlideUpOut;animation-name:uDropdownSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}.u-dropdown-slide-up-leave.u-dropdown-slide-up-leave-active.u-dropdown-placement-topCenter,.u-dropdown-slide-up-leave.u-dropdown-slide-up-leave-active.u-dropdown-placement-topLeft,.u-dropdown-slide-up-leave.u-dropdown-slide-up-leave-active.u-dropdown-placement-topRight{-webkit-animation-name:uDropdownSlideDownOut;animation-name:uDropdownSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes uDropdownSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes uDropdownSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes uDropdownSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes uDropdownSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes uDropdownSlideDownIn{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes uDropdownSlideDownIn{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes uDropdownSlideDownOut{0%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes uDropdownSlideDownOut{0%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}