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