joomla-ui-custom-elements
Version:
Joomla UI components as custom elements
1 lines • 2.95 kB
CSS
joomla-modal{border-radius:5px;bottom:0;box-sizing:inherit;display:none;left:0;margin:10px auto;max-width:500px;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1050}joomla-modal.jviewport-width10{margin-left:-5vw;width:10vw}joomla-modal.jviewport-width20{margin-left:-10vw;width:20vw}joomla-modal.jviewport-width30{margin-left:-15vw;width:30vw}joomla-modal.jviewport-width40{margin-left:-20vw;width:40vw}joomla-modal.jviewport-width50{margin-left:-25vw;width:50vw}joomla-modal.jviewport-width60{margin-left:-30vw;width:60vw}joomla-modal.jviewport-width70{margin-left:-35vw;width:70vw}joomla-modal.jviewport-width80{margin-left:-40vw;width:80vw}joomla-modal.jviewport-width90{margin-left:-45vw;width:90vw}joomla-modal.jviewport-width100{margin-left:-50vw;width:100vw}joomla-modal.show{display:block}joomla-modal .joomla-modal-dialog{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:flex;flex-direction:column;outline:0;position:relative}joomla-modal .joomla-modal-dialog.fade{opacity:0;transition:opacity .15s linear}joomla-modal .joomla-modal-dialog.fade.show{opacity:1}joomla-modal .joomla-modal-dialog header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px}joomla-modal .joomla-modal-dialog header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;color:#000;cursor:pointer;float:right;font-size:1.5rem;font-weight:700;line-height:1;opacity:.5;padding:0;text-shadow:0 1px 0 #fff}joomla-modal .joomla-modal-dialog header h5{font-size:1.25rem;line-height:1.5;margin-bottom:0}joomla-modal .joomla-modal-dialog section{flex:1 1 auto;padding:15px;position:relative}joomla-modal .joomla-modal-dialog section.jviewport-height10{height:10vh}joomla-modal .joomla-modal-dialog section.jviewport-height20{height:20vh}joomla-modal .joomla-modal-dialog section.jviewport-height30{height:30vh}joomla-modal .joomla-modal-dialog section.jviewport-height40{height:40vh}joomla-modal .joomla-modal-dialog section.jviewport-height50{height:50vh}joomla-modal .joomla-modal-dialog section.jviewport-height60{height:60vh}joomla-modal .joomla-modal-dialog section.jviewport-height70{height:70vh}joomla-modal .joomla-modal-dialog section.jviewport-height80{height:80vh}joomla-modal .joomla-modal-dialog section.jviewport-height90{height:90vh}joomla-modal .joomla-modal-dialog section.jviewport-height100{height:100vh}joomla-modal .joomla-modal-dialog section[class*=jviewport-height],joomla-modal .joomla-modal-dialog section[class^=jviewport-height]{max-height:none}joomla-modal .joomla-modal-dialog footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:15px}joomla-modal .joomla-modal-dialog footer .btn{margin-left:10px}.modal-backdrop.show{opacity:.5}.modal-backdrop{background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}