← All changes | css/frm_grids.css +23 -33 6.4.1 → 6.22.1 View file →

		@@ -1,8 +1,6 @@
1	1	.frm_screen_reader {
2	2	border: 0;
3		- clip: rect(1px, 1px, 1px, 1px);
4		- -webkit-clip-path: inset(50%);
5	3	clip-path: inset(50%);
6	4	height: 1px;
7	5	margin: -1px;
8	6	overflow: hidden;
		@@ -14,19 +12,14 @@
14	12	.frm_screen_reader.frm_hidden{
15	13	display:initial;
16	14	}
17	15
18		-.frm_verify{
19		- position:absolute;
20		- left:-3000px;
21		-}
22		-
23	16	.frm_clear_none{
24		- clear:none;
	17	+ clear:none;
25	18	}
26	19
27	20	.frm_clear{
28		- clear:both;
	21	+ clear:both;
29	22	}
30	23
31	24	.frm_form_field.frm_alignright{
32	25	float:right !important;
		@@ -32,9 +25,9 @@
32	25	float:right !important;
33	26	}
34	27
35	28	.with_frm_style .frm_form_field{
36		- clear:both;
	29	+ clear:both;
37	30	}
38	31
39	32	.frm_combo_inputs_container,
40	33	.frm_grid_container,
		@@ -60,9 +53,9 @@
60	53	.frm_form_field.frm_inline,
61	54	.frm_submit.frm_inline,
62	55	.frm_form_field.frm_right_inline,
63	56	.frm_form_field.frm_last_inline{
64		- width:auto;
	57	+ width:auto;
65	58	grid-column: span 2 / span 2;
66	59	}
67	60
68	61	.frm6,
		@@ -75,9 +68,9 @@
75	68	.frm_form_field.frm_first_half,
76	69	.frm_form_field.frm_last_half,
77	70	.frm_form_field.frm_half,
78	71	.frm_submit.frm_half{
79		- grid-column:span 6 / span 6;
	72	+ grid-column:span 6 / span 6;
80	73	}
81	74
82	75	.frm4,
83	76	.frm_third,
		@@ -89,9 +82,9 @@
89	82	.frm_submit.frm_third,
90	83	.frm_form_field.frm_right_third,
91	84	.frm_form_field.frm_first_third,
92	85	.frm_form_field.frm_last_third{
93		- grid-column:span 4 / span 4;
	86	+ grid-column:span 4 / span 4;
94	87	}
95	88
96	89	.frm8,
97	90	.frm_two_thirds,
		@@ -101,9 +94,9 @@
101	94	.frm_form_field.frm_right_two_thirds,
102	95	.frm_form_field.frm_first_two_thirds,
103	96	.frm_form_field.frm_last_two_thirds,
104	97	.frm_form_field.frm_two_thirds{
105		- grid-column: span 8/span 8;
	98	+ grid-column: span 8/span 8;
106	99	}
107	100
108	101	.frm3,
109	102	.frm_fourth,
		@@ -114,9 +107,9 @@
114	107	.frm_submit.frm_fourth,
115	108	.frm_form_field.frm_right_fourth,
116	109	.frm_form_field.frm_first_fourth,
117	110	.frm_form_field.frm_last_fourth{
118		- grid-column: span 3/span 3;
	111	+ grid-column: span 3/span 3;
119	112	}
120	113
121	114	.frm9,
122	115	.frm_three_fourths,
		@@ -133,9 +126,9 @@
133	126	.frm_submit.frm_fifth,
134	127	.frm_form_field.frm_right_fifth,
135	128	.frm_form_field.frm_first_fifth,
136	129	.frm_form_field.frm_last_fifth{
137		- grid-column: span 2/span 2;
	130	+ grid-column: span 2/span 2;
138	131	}
139	132
140	133	.frm2,
141	134	.frm_sixth,
		@@ -144,9 +137,9 @@
144	137	.frm_form_field.frm_sixth,
145	138	.frm_submit.frm_sixth,
146	139	.frm_form_field.frm_first_sixth,
147	140	.frm_form_field.frm_last_sixth{
148		- grid-column: span 2/span 2;
	141	+ grid-column: span 2/span 2;
149	142	}
150	143
151	144	.frm10,
152	145	.frm_form_field.frm10,
		@@ -165,9 +158,9 @@
165	158	.frm_form_field.frm_eighth,
166	159	.frm_submit.frm_eighth,
167	160	.frm_form_field.frm_first_eighth,
168	161	.frm_form_field.frm_last_eighth{
169		- grid-column: span 1/span 1;
	162	+ grid-column: span 1/span 1;
170	163	}
171	164
172	165	.frm5,
173	166	.frm_form_field.frm5,
		@@ -192,15 +185,15 @@
192	185	.frm_full .wp-editor-wrap,
193	186	.frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']),
194	187	.frm_full select,
195	188	.frm_full textarea{
196		- width:100% !important;
	189	+ width:100% !important;
197	190	grid-column: span 12/span 12;
198	191	box-sizing: border-box;
199	192	}
200	193
201	194	.frm_full .wp-editor-wrap input{
202		- width:auto !important;
	195	+ width:auto !important;
203	196	}
204	197
205	198	.frm_first,
206	199	.frm_form_field.frm_left_half,
		@@ -231,9 +224,9 @@
231	224
232	225	/* RTL Grids */
233	226
234	227	.with_frm_style.frm_rtl .frm_form_fields .star-rating{
235		- float:right;
	228	+ float:right;
236	229	}
237	230
238	231	.with_frm_style.frm_rtl .frm_grid .frm_primary_label,
239	232	.with_frm_style.frm_rtl .frm_grid_first .frm_primary_label,
		@@ -243,10 +236,10 @@
243	236	.with_frm_style.frm_rtl .frm_grid_odd .frm_radio,
244	237	.with_frm_style.frm_rtl .frm_grid .frm_checkbox,
245	238	.with_frm_style.frm_rtl .frm_grid_first .frm_checkbox,
246	239	.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{
247		- float:right !important;
248		- margin-right:0 !important;
	240	+ float:right !important;
	241	+ margin-right:0 !important;
249	242	}
250	243
251	244	.with_frm_style.frm_rtl .frm_grid_first .frm_radio label input,
252	245	.with_frm_style.frm_rtl .frm_grid .frm_radio label input,
		@@ -253,9 +246,9 @@
253	246	.with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input,
254	247	.with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input,
255	248	.with_frm_style.frm_rtl .frm_grid .frm_checkbox label input,
256	249	.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{
257		- float:left;
	250	+ float:left;
258	251	}
259	252
260	253	.with_frm_style.frm_rtl .frm_catlevel_2,
261	254	.with_frm_style.frm_rtl .frm_catlevel_3,
		@@ -272,20 +265,20 @@
272	265
273	266	.frm_form_field.frm_inline_container,
274	267	.frm_form_field.frm_right_container,
275	268	.frm_form_field.frm_left_container{
276		- display: grid;
277		- grid-template-columns: 25% auto;
	269	+ display: grid;
	270	+ grid-template-columns: 25% auto;
278	271	width:100%;
279	272	grid-auto-rows: min-content;
280	273	}
281	274
282	275	.frm_form_field.frm_right_container{
283		- grid-template-columns: auto 25%;
	276	+ grid-template-columns: auto 25%;
284	277	}
285	278
286	279	.frm_form_field.frm_inline_container{
287		- grid-template-columns: repeat(2, minmax(auto, max-content) );
	280	+ grid-template-columns: repeat(2, minmax(auto, max-content) );
288	281	}
289	282
290	283	.frm_form_field.frm_inline_container .frm_primary_label,
291	284	.frm_form_field.frm_right_container .frm_primary_label,
		@@ -326,19 +319,16 @@
326	319
327	320	/* End RTL Grids */
328	321
329	322	.frm-fade-in {
330		- -webkit-animation-name: fadeIn;
331	323	animation-name: fadeIn;
332		- -webkit-animation-duration: 1s;
333	324	animation-duration: 1s;
334		- -webkit-animation-fill-mode: both;
335	325	animation-fill-mode: both;
336	326	}
337	327
338	328	@keyframes spin {
339		- 0% { transform: rotate(0deg); }
340		- 100% { transform: rotate(360deg); }
	329	+ 0% { transform: rotate(0deg); }
	330	+ 100% { transform: rotate(360deg); }
341	331	}
342	332
343	333	@keyframes fadeIn {
344	334	0% {opacity: 0;}