← All changes | assets/css/modules/size-chart/size-chart.css +5 -23 1.6 → 2.3.2 View file →

		@@ -6,9 +6,8 @@
6	6	display: -webkit-box;
7	7	display: -ms-flexbox;
8	8	display: flex;
9	9	}
10		-
11	10	.merchant-product-size-chart-button a,
12	11	.merchant-product-size-chart-button a:visited {
13	12	display: -webkit-box;
14	13	display: -ms-flexbox;
		@@ -20,21 +19,18 @@
20	19	font-size: 0.9rem;
21	20	font-weight: bold;
22	21	color: var(--mrc-sc-title-text-color, #212121);
23	22	}
24		-
25	23	.merchant-product-size-chart-button a:hover {
26	24	color: var(--mrc-sc-title-text-color-hover, #757575);
27	25	}
28		-
29	26	.merchant-product-size-chart-button svg {
30	27	fill: var(--mrc-sc-icon-color, var(--mrc-sc-title-text-color, #212121));
31	28	width: var(--mrc-sc-icon-size, 24px);
32	29	height: var(--mrc-sc-icon-size, 24px);
33		- -webkit-transition: all .2s;
34		- transition: all .2s;
	30	+ -webkit-transition: all 0.2s;
	31	+ transition: all 0.2s;
35	32	}
36		-
37	33	.merchant-product-size-chart-button a:hover svg {
38	34	fill: var(--mrc-sc-icon-color-hover, var(--mrc-sc-title-text-color-hover, #757575));
39	35	}
40	36
		@@ -51,13 +47,11 @@
51	47
52	48	.merchant-product-size-chart-modal-open {
53	49	overflow: hidden;
54	50	}
55		-
56	51	.merchant-product-size-chart-modal-open .bhfb-header {
57	52	z-index: 0;
58	53	}
59		-
60	54	.merchant-product-size-chart-modal-open .merchant-product-size-chart-modal {
61	55	display: -webkit-box;
62	56	display: -ms-flexbox;
63	57	display: flex;
		@@ -86,9 +80,8 @@
86	80	overflow-y: auto;
87	81	font-size: 14px;
88	82	background-color: var(--mrc-sc-background-color, #f2f2f2);
89	83	}
90		-
91	84	.merchant-product-size-chart-modal-inner > *:last-child {
92	85	margin-bottom: 0;
93	86	}
94	87
		@@ -106,9 +99,8 @@
106	99	-ms-flex-pack: center;
107	100	justify-content: center;
108	101	margin-bottom: 30px;
109	102	}
110		-
111	103	.merchant-product-size-chart-modal-tabs:empty {
112	104	display: none;
113	105	}
114	106
		@@ -123,9 +115,8 @@
123	115	max-width: 100%;
124	116	color: var(--mrc-sc-tabs-color, #757575);
125	117	border-bottom: 3px solid var(--mrc-sc-tabs-color, #757575);
126	118	}
127		-
128	119	.merchant-product-size-chart-modal-tab.active {
129	120	color: var(--mrc-sc-tabs-color-active, #212121);
130	121	border-bottom-color: var(--mrc-sc-tabs-color-active, #212121);
131	122	}
		@@ -141,13 +132,11 @@
141	132	padding: 0;
142	133	text-align: center;
143	134	table-layout: fixed;
144	135	}
145		-
146	136	.merchant-product-size-chart-modal-table.active {
147	137	display: table;
148	138	}
149		-
150	139	.merchant-product-size-chart-modal-table tr,
151	140	.merchant-product-size-chart-modal-table th,
152	141	.merchant-product-size-chart-modal-table td {
153	142	padding: 7px;
		@@ -154,9 +143,8 @@
154	143	border: 1px solid rgba(0, 0, 0, 0.1);
155	144	color: var(--mrc-sc-table-body-text-color, #212121);
156	145	background-color: var(--mrc-sc-table-body-background-color, #ffffff);
157	146	}
158		-
159	147	.merchant-product-size-chart-modal-table thead tr,
160	148	.merchant-product-size-chart-modal-table thead th {
161	149	border: 0;
162	150	color: var(--mrc-sc-table-headings-text-color, #ffffff);
		@@ -188,22 +176,19 @@
188	176	font-size: 14px;
189	177	line-height: 1em;
190	178	color: #fff;
191	179	}
192		-
193	180	.merchant-product-size-chart-modal-close svg {
194	181	fill: var(--mrc-sc-close-icon-color, #212121);
195	182	width: 1em;
196	183	height: 1em;
197		- -webkit-transition: all .2s;
198		- transition: all .2s;
	184	+ -webkit-transition: all 0.2s;
	185	+ transition: all 0.2s;
199	186	}
200		-
201	187	.merchant-product-size-chart-modal-close svg path {
202	188	-webkit-transform: scale(0.75);
203	189	transform: scale(0.75);
204	190	}
205		-
206	191	.merchant-product-size-chart-modal-close:hover svg {
207	192	fill: var(--mrc-sc-close-icon-color-hover, #757575);
208	193	}
209	194
		@@ -217,17 +202,14 @@
217	202
218	203	.merchant-product-size-chart-modal-content {
219	204	color: var(--mrc-sc-description-text-color, #212121);
220	205	}
221		-
222	206	.merchant-product-size-chart-modal-content a {
223	207	color: var(--mrc-sc-description-link-color, #212121);
224	208	}
225		-
226	209	.merchant-product-size-chart-modal-content a:hover {
227	210	color: var(--mrc-sc-description-link-color-hover, #757575);
228	211	}
229		-
230	212	.merchant-product-size-chart-modal-content > *:last-child {
231	213	margin-bottom: 0;
232	214	}
233	215
		@@ -234,5 +216,5 @@
234	216	@media (max-width: 768px) {
235	217	.merchant-product-size-chart-modal-inner {
236	218	max-height: 100%;
237	219	}
238		-}
	220	+}