Skip to content

Commit 0ab6fa4

Browse files
Docs: updated info about fieldcontain media queries.
1 parent ab52568 commit 0ab6fa4

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

docs/forms/docs-forms.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ <h2>Disabling form elements</h2>
148148
<p>Note that you can disable buttons created from <code>button</code> or <code>input</code>-based markup, but not links with a role of button. Links don't have a parallel disabled feature in HTML, but if you need to disable a link-based button (or any element), it's possible to apply the disabled class <code>ui-disabled</code> yourself with JavaScript to achieve the same effect. </p>
149149

150150
<h2>Field containers</h2>
151-
<p>To improve the styling of labels and form elements on wider screens, wrap a <code>div</code> or <code>fieldset </code>with the <code> data-role="fieldcontain"</code> attribute around each label/form element. This framework aligns the input and associated label side-by-side, and breaks to stacked block-level elements below ~480px. The framework will also add a thin bottom border to act as a field separator.</p>
151+
<p>To improve the styling of labels and form elements on wider screens, wrap a <code>div</code> or <code>fieldset </code>with the <code> data-role="fieldcontain"</code> attribute around each label/form element. This framework aligns the input and associated label side-by-side, and breaks to stacked block-level elements below 28em (~448px). The framework will also add a thin bottom border to act as a field separator.</p>
152152

153153
<p>For example:</p>
154154
<pre><code>

0 commit comments

Comments
 (0)