← All changes | assets/css/modal.css +78 -78 1.9.1 → 2.3.2 View file →

		@@ -1,79 +1,79 @@
1		-.merchant-modal-opened {
2		- overflow: hidden;
3		-}
4		-
5		-.merchant-modal {
6		- display: -webkit-box;
7		- display: -ms-flexbox;
8		- display: flex;
9		- -webkit-box-align: center;
10		- -ms-flex-align: center;
11		- align-items: center;
12		- -webkit-box-pack: center;
13		- -ms-flex-pack: center;
14		- justify-content: center;
15		- position: fixed;
16		- top: 0;
17		- right: 0;
18		- bottom: 0;
19		- left: 0;
20		- padding: 25px;
21		- visibility: hidden;
22		- opacity: 0;
23		- z-index: 99999;
24		- -webkit-transition: ease opacity 300ms;
25		- transition: ease opacity 300ms;
26		-}
27		-.merchant-modal:before {
28		- content: "";
29		- display: block;
30		- position: fixed;
31		- top: 0;
32		- right: 0;
33		- bottom: 0;
34		- left: 0;
35		- background-color: rgba(0, 0, 0, 0.5);
36		- z-index: -1;
37		-}
38		-.merchant-modal.show {
39		- opacity: 1;
40		- visibility: visible;
41		-}
42		-.merchant-modal .merchant-modal-body {
43		- position: relative;
44		- width: 100%;
45		- max-width: 600px;
46		- background-color: #FFF;
47		- padding: 25px;
48		- border-radius: 4px;
49		-}
50		-
51		-[data-merchant-modal-close] {
52		- position: absolute;
53		- z-index: 1;
54		- right: 25px;
55		- top: 25px;
56		- width: 17px;
57		- height: 17px;
58		- font-size: 24px;
59		- display: -webkit-box;
60		- display: -ms-flexbox;
61		- display: flex;
62		- -webkit-box-align: center;
63		- -ms-flex-align: center;
64		- align-items: center;
65		- -webkit-box-pack: center;
66		- -ms-flex-pack: center;
67		- justify-content: center;
68		- opacity: 0.6;
69		- -webkit-transition: ease opacity 300ms;
70		- transition: ease opacity 300ms;
71		-}
72		-[data-merchant-modal-close] svg {
73		- width: 1em;
74		- height: 1em;
75		- fill: #212121;
76		-}
77		-[data-merchant-modal-close]:hover {
78		- opacity: 1;
	1	+.merchant-modal-opened {
	2	+ overflow: hidden;
	3	+}
	4	+
	5	+.merchant-modal {
	6	+ display: -webkit-box;
	7	+ display: -ms-flexbox;
	8	+ display: flex;
	9	+ -webkit-box-align: center;
	10	+ -ms-flex-align: center;
	11	+ align-items: center;
	12	+ -webkit-box-pack: center;
	13	+ -ms-flex-pack: center;
	14	+ justify-content: center;
	15	+ position: fixed;
	16	+ top: 0;
	17	+ right: 0;
	18	+ bottom: 0;
	19	+ left: 0;
	20	+ padding: 25px;
	21	+ visibility: hidden;
	22	+ opacity: 0;
	23	+ z-index: 99999;
	24	+ -webkit-transition: ease opacity 300ms;
	25	+ transition: ease opacity 300ms;
	26	+}
	27	+.merchant-modal:before {
	28	+ content: "";
	29	+ display: block;
	30	+ position: fixed;
	31	+ top: 0;
	32	+ right: 0;
	33	+ bottom: 0;
	34	+ left: 0;
	35	+ background-color: rgba(0, 0, 0, 0.5);
	36	+ z-index: -1;
	37	+}
	38	+.merchant-modal.show {
	39	+ opacity: 1;
	40	+ visibility: visible;
	41	+}
	42	+.merchant-modal .merchant-modal-body {
	43	+ position: relative;
	44	+ width: 100%;
	45	+ max-width: 600px;
	46	+ background-color: #FFF;
	47	+ padding: 25px;
	48	+ border-radius: 4px;
	49	+}
	50	+
	51	+[data-merchant-modal-close] {
	52	+ position: absolute;
	53	+ z-index: 1;
	54	+ right: 25px;
	55	+ top: 25px;
	56	+ width: 17px;
	57	+ height: 17px;
	58	+ font-size: 24px;
	59	+ display: -webkit-box;
	60	+ display: -ms-flexbox;
	61	+ display: flex;
	62	+ -webkit-box-align: center;
	63	+ -ms-flex-align: center;
	64	+ align-items: center;
	65	+ -webkit-box-pack: center;
	66	+ -ms-flex-pack: center;
	67	+ justify-content: center;
	68	+ opacity: 0.6;
	69	+ -webkit-transition: ease opacity 300ms;
	70	+ transition: ease opacity 300ms;
	71	+}
	72	+[data-merchant-modal-close] svg {
	73	+ width: 1em;
	74	+ height: 1em;
	75	+ fill: #212121;
	76	+}
	77	+[data-merchant-modal-close]:hover {
	78	+ opacity: 1;
79	79	}