22

✏️ Editing: jet-dropbar.css

.jet-dropbar{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-dropbar__inner{position:relative}.jet-dropbar__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:100%;white-space:normal;border:1px none;overflow:hidden}.jet-dropbar__button-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.jet-dropbar__button-icon--before:not(:only-child){margin-right:5px}.jet-dropbar__button-icon--after:not(:only-child){margin-left:5px}.jet-dropbar__button img{margin:0 auto}.jet-dropbar__content-wrapper{position:absolute;z-index:999;width:300px;visibility:hidden;pointer-events:none;opacity:0;-webkit-transition:200ms;-o-transition:200ms;transition:200ms}.jet-dropbar--none-effect .jet-dropbar__content-wrapper,.jet-dropbar-open .jet-dropbar__content-wrapper{-webkit-transition:none;-o-transition:none;transition:none}.jet-dropbar-open .jet-dropbar__content-wrapper{visibility:visible;pointer-events:auto;opacity:1}.jet-dropbar__content-wrapper:before{position:absolute}.jet-dropbar-open .jet-dropbar__content-wrapper:before{content:''}.jet-dropbar__content{position:relative;padding:10px;background-color:#F7F7FB}.jet-dropbar--fade-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetFade 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetFade 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--zoom-in-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetZoomIn 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetZoomIn 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--zoom-out-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetZoomOut 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetZoomOut 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-up-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveUp 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveUp 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-down-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveDown 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveDown 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-left-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveLeft 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveLeft 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-right-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveRight 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveRight 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-up-big-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveUpBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveUpBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-down-big-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveDownBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveDownBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-left-big-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveLeftBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveLeftBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--slide-right-big-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetMoveRightBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetMoveRightBig 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--fall-perspective-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetFallPerspective 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96);animation:jetFallPerspective 500ms cubic-bezier(0.26, 0.69, 0.37, 0.96)}.jet-dropbar--flip-in-x-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetFlipInX 500ms;animation:jetFlipInX 500ms;-webkit-backface-visibility:visible;backface-visibility:visible}.jet-dropbar--flip-in-y-effect.jet-dropbar-open .jet-dropbar__content{-webkit-animation:jetFlipInY 500ms;animation:jetFlipInY 500ms;-webkit-backface-visibility:visible;backface-visibility:visible}.jet-dropbar-fixed{position:fixed;z-index:9999;padding:10px}.jet-dropbar-fixed--top-left-position{top:0;left:0}.jet-dropbar-fixed--top-center-position{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.jet-dropbar-fixed--top-right-position{top:0;right:0}.jet-dropbar-fixed--center-left-position{top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.jet-dropbar-fixed--center-center-position{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.jet-dropbar-fixed--center-right-position{top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.jet-dropbar-fixed--bottom-left-position{bottom:0;left:0}.jet-dropbar-fixed--bottom-center-position{bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.jet-dropbar-fixed--bottom-right-position{bottom:0;right:0}

MR SKB