Merge branch 'master' of https://git.mcnd.ca/mcndave/lean
This commit is contained in:
commit
ec250be35b
|
@ -0,0 +1,19 @@
|
|||
<style>
|
||||
ui-popup {width:80vw; max-width:520px; box-shadow:0px 0px 0px 9999px rgba(0, 0, 0, 0.5);z-index:9999;transition:all 0.3s ease-out;background:#fff;position:fixed!important;top:0;left: 50%;transform:translate(-50%, 5%);max-height:calc(100vh - 10%);}
|
||||
ui-popup.large {max-width:640px;}
|
||||
ui-popup.x-large {max-width:830px;}
|
||||
ui-popup:not(.visible) {transform: translate(-50%, -200%);transition-timing-function: ease-in;box-shadow:none;}
|
||||
ui-popup .button-list {text-align:center;}
|
||||
ui-popup .button-list .button {padding: 0px 7%;}
|
||||
ui-popup .message {background: transparent}
|
||||
ui-popup .title {font-size:1.5rem}
|
||||
ui-popup:before {left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1);content:" ";}
|
||||
</style>
|
||||
|
||||
<template id="ui-popup">
|
||||
<div class="ui-popup">
|
||||
<slot name="title"></slot>
|
||||
<slot name="message"></slot>
|
||||
<slot name="buttons"></slot>
|
||||
</div>
|
||||
</template>
|
Loading…
Reference in New Issue