← All changes | assets/build/blocks/modal/style.css +47 -0 2.7.4 → 2.14.0 View file →

		@@ -1,0 +1,47 @@
	1	+.ablocks-modal-trigger-wrap .ablocks-modal-button{background-color:#1759d2;border:1px solid #1759d2;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;padding:5px 15px;transition:.5s}.ablocks-modal-trigger-wrap .ablocks-modal-button:hover{background-color:#06307e;border-color:#06307e}.ablocks-block-modal---panel-wrap{background:rgba(0,0,0,.7);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s,visibility .3s;visibility:hidden;z-index:99999}.ablocks-block--modal.ablocks-block-modal-position--left
	2	+ .ablocks-block-modal---panel-wrap
	3	+ .ablocks-modal-popup-content-wrap,.ablocks-block--modal.ablocks-block-modal-position--right
	4	+ .ablocks-block-modal---panel-wrap
	5	+ .ablocks-modal-popup-content-wrap,.ablocks-block--modal.ablocks-block-modal-position--top
	6	+ .ablocks-block-modal---panel-wrap
	7	+ .ablocks-modal-popup-content-wrap{min-height:100%;top:0;transform:none;width:400px}.ablocks-block--modal.ablocks-block-modal-position--left
	8	+ .ablocks-block-modal---panel-wrap
	9	+ .ablocks-modal-popup-content-wrap{left:-100%}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--left
	10	+ .ablocks-block-modal---panel-wrap
	11	+ .ablocks-modal-popup-content-wrap{left:0}.ablocks-block--modal.ablocks-block-modal-position--right
	12	+ .ablocks-block-modal---panel-wrap
	13	+ .ablocks-modal-popup-content-wrap{right:-100%}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--right
	14	+ .ablocks-block-modal---panel-wrap
	15	+ .ablocks-modal-popup-content-wrap{right:0}.ablocks-block--modal.ablocks-block-modal-position--right
	16	+ .ablocks-block-modal---panel-wrap
	17	+ .ablocks-modal-popup-content-wrap,.ablocks-block--modal.ablocks-block-modal-position--top
	18	+ .ablocks-block-modal---panel-wrap
	19	+ .ablocks-modal-popup-content-wrap{left:unset}.ablocks-block--modal.ablocks-block-modal-position--right
	20	+ .ablocks-block-modal---panel-wrap
	21	+ .ablocks-modal-popup-close,.ablocks-block--modal.ablocks-block-modal-position--top
	22	+ .ablocks-block-modal---panel-wrap
	23	+ .ablocks-modal-popup-close{left:-5px;transform:translateX(-100%)}.ablocks-block--modal.ablocks-block-modal-position--top
	24	+ .ablocks-block-modal---panel-wrap
	25	+ .ablocks-modal-popup-content-wrap{right:0;top:-100%}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--top
	26	+ .ablocks-block-modal---panel-wrap
	27	+ .ablocks-modal-popup-content-wrap{top:0}.ablocks-block--modal.ablocks-block-modal-position--block
	28	+ .ablocks-block-modal---panel-wrap{position:absolute;top:100%;width:600px;z-index:999999}.ablocks-block--modal.ablocks-block-modal-position--block
	29	+ .ablocks-block-modal---panel-wrap
	30	+ .ablocks-modal-popup-content-wrap{display:none;left:0;transform:none}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open.ablocks-block-modal-position--block
	31	+ .ablocks-block-modal---panel-wrap
	32	+ .ablocks-modal-popup-content-wrap{display:block}.ablocks-block--modal.ablocks-block-modal-position--block
	33	+ .ablocks-block-modal---panel-wrap
	34	+ .ablocks-modal-popup-close{left:calc(100% + 5px);transform:none}.ablocks-block--modal.ablocks-block-modal-panel-direction--right.ablocks-block-modal-position--block
	35	+ .ablocks-block-modal---panel-wrap
	36	+ .ablocks-modal-popup-close{left:unset;right:calc(100% + 5px)}.ablocks-block--modal.ablocks-block-modal-panel-direction--left.ablocks-block-modal-position--block
	37	+ .ablocks-block-modal---panel-wrap{left:unset;right:100%}.ablocks-block--modal.ablocks-block-modal-panel-direction--right.ablocks-block-modal-position--block
	38	+ .ablocks-block-modal---panel-wrap{left:100%}.ablocks-block--modal.ablocks-block-modal-panel-direction--top.ablocks-block-modal-position--block
	39	+ .ablocks-block-modal---panel-wrap,.ablocks-block--modal.ablocks-block-modal-panel-direction--top.ablocks-block-modal-position--block
	40	+ .ablocks-block-modal---panel-wrap
	41	+ .ablocks-modal-popup-content-wrap{bottom:100%;top:unset}.ablocks-block--modal.ablocks-block-modal-panel-direction--bottom.ablocks-block-modal-position--block
	42	+ .ablocks-block-modal---panel-wrap
	43	+ .ablocks-modal-popup-content-wrap{bottom:unset;top:100%}.ablocks-block--modal.ablocks-block-modal-position--popup.ablocks-block-modal-panel-popup-on-top
	44	+ .ablocks-block-modal---panel-wrap
	45	+ .ablocks-modal-popup-content-wrap{top:0;transform:translate(-50%)}.ablocks-modal-trigger-wrap{cursor:pointer}.ablocks-block--modal.ablocks-block-modal-panel-visibility--open
	46	+ .ablocks-block-modal---panel-wrap{opacity:1!important;visibility:visible!important}.ablocks-block-modal---panel-wrap .ablocks-modal-popup-content-wrap{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;display:flex;left:50%;max-width:92vw;min-height:400px;padding:40px 20px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:1s;width:600px}.ablocks-block-modal---panel-wrap .ablocks-modal-popup--content{overflow:hidden;width:100%}.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:50%;cursor:pointer;display:flex;height:25px;justify-content:center;position:absolute;right:12px;top:12px;width:25px}.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close svg{fill:#aaa;height:12px;width:12px}.ablocks-block--modal.ablocks-block-modal-position--block
	47	+ .ablocks-block--modal-panel{position:static}