← All changes | css/frm_grids.css +35 -24 6.26 → 5.0 View file →

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