payment-logos.css in Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant 2.3.1, at assets/css/modules/payment-logos/payment-logos.css

94 lines 2.2 KB Raw Download Zip

1	/**
2	* Payment Logos.
3	*
4	*/
5	.merchant-payment-logos {
6	-webkit-box-flex: 1;
7	-ms-flex: 1;
8	flex: 1;
9	width: 100%;
10	display: -webkit-box;
11	display: -ms-flexbox;
12	display: flex;
13	grid-gap: 15px;
14	-webkit-box-orient: vertical;
15	-webkit-box-direction: normal;
16	-ms-flex-direction: column;
17	flex-direction: column;
18	margin-top: var(--mrc-plogos-margin-top, 20px) !important;
19	margin-bottom: var(--mrc-plogos-margin-bottom, 20px) !important;
20	}
21	.merchant-payment-logos + .merchant-payment-logos {
22	display: none;
23	}
24
25	.merchant-payment-logos-title {
26	display: -webkit-box;
27	display: -ms-flexbox;
28	display: flex;
29	-webkit-box-pack: var(--mrc-plogos-align, flex-start);
30	-ms-flex-pack: var(--mrc-plogos-align, flex-start);
31	justify-content: var(--mrc-plogos-align, flex-start);
32	color: var(--mrc-plogos-text-color, #212121);
33	font-size: var(--mrc-plogos-font-size, 18px);
34	}
35
36	.merchant-payment-logos-images {
37	display: -webkit-box;
38	display: -ms-flexbox;
39	display: flex;
40	-ms-flex-wrap: wrap;
41	flex-wrap: wrap;
42	grid-gap: 5px;
43	-webkit-box-pack: var(--mrc-plogos-align, flex-start);
44	-ms-flex-pack: var(--mrc-plogos-align, flex-start);
45	justify-content: var(--mrc-plogos-align, flex-start);
46	}
47	.merchant-payment-logos-images img {
48	max-width: var(--mrc-plogos-image-max-width, 80px) !important;
49	max-height: var(--mrc-plogos-image-max-height, 100px) !important;
50	}
51	.merchant-payment-logos-images.is-placeholder img, .merchant-payment-logos-images.is-library img {
52	width: 100%;
53	}
54
55	/**
56	* Footer location.
57	*/
58	.merchant-payment-logos--footer {
59	text-align: center;
60	padding: 15px 20px;
61	border-top: 1px solid #e0e0e0;
62	}
63	.merchant-payment-logos--footer .merchant-payment-logos-title {
64	-webkit-box-pack: center;
65	-ms-flex-pack: center;
66	justify-content: center;
67	}
68	.merchant-payment-logos--footer .merchant-payment-logos-images {
69	-webkit-box-pack: center;
70	-ms-flex-pack: center;
71	justify-content: center;
72	}
73
74	/**
75	* Archive / Shop pages.
76	*/
77	.merchant-payment-logos--archive {
78	width: 100%;
79	clear: both;
80	}
81
82	/**
83	* Cart page.
84	*/
85	.merchant-payment-logos--cart {
86	margin-top: 20px;
87	}
88
89	/**
90	* Checkout page.
91	*/
92	.merchant-payment-logos--checkout {
93	margin-bottom: 20px;
94	}