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