Skip to content

Commit bbb1e6d

Browse files
committed
Applying suggestions from review.
1 parent 13eeb81 commit bbb1e6d

File tree

1 file changed

+13
-12
lines changed

1 file changed

+13
-12
lines changed

pages/classNames.html

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,29 @@
1-
<p>The following CSS class names used by jQuery UI are designed to achieve visual consistency across an application and allow components to be themeable by <a href="http://jqueryui.com/themeroller/">jQuery UI ThemeRoller.</a> The class names are split between ui.core.css and ui.theme.css, depending on whether styles are fixed and structural, or themeable (colors, fonts, backgrounds, etc) respectively.</p>
1+
<script>{
2+
"title": "Class Names"
3+
}</script>
4+
5+
<p>The following is a list of the CSS class names used by jQuery UI. They are designed to achieve visual consistency across an application and allow components to be themeable by <a href="http://jqueryui.com/themeroller/">jQuery UI ThemeRoller.</a> The class names are split between ui.core.css and ui.theme.css, depending on whether styles are fixed and structural, or themeable (colors, fonts, backgrounds, etc) respectively.</p>
26

37
<h3>Layout Helpers</h3>
48
<ul>
59
<li>
6-
<code>.ui-helper-hidden</code>: Applies display: none to elements.
10+
<code>.ui-helper-hidden</code>: Hides content visually and from assistive technologies, such as screen readers.
711
</li>
812
<li>
9-
<code>.ui-helper-hidden-accessible</code>: Applies accessible hiding to elements (via absolute positioning off the page).
13+
<code>.ui-helper-hidden-accessible</code>: Hides content visually, but leaves it available to assistive technologies.
1014
</li>
1115
<li>
12-
<code>.ui-helper-reset</code>: A basic style reset for UI elements. Resets things such as padding, margins, text-decoration, list-style, etc.
16+
<code>.ui-helper-reset</code>: A basic style reset for DOM nodes. Resets padding, margins, text-decoration, list-style, etc.
1317
</li>
1418
<li>
1519
<code>.ui-helper-clearfix</code>: Applies float wrapping properties to parent elements.
1620
</li>
17-
<li>
18-
<code>.ui-helper-zfix</code>: Applies iframe "fix" css to iframe elements when needed in overlays.
19-
</li>
2021
</ul>
2122

2223
<h3>Widget Containers</h3>
2324
<ul>
2425
<li>
25-
<code>.ui-widget</code>: Class to be applied on outer container of all widgets. Applies font family and font size to widget. Also applies same family and 1em font size to child form elements, specifically to combat inheritance issues in Windows browsers.
26+
<code>.ui-widget</code>: Class to be applied on outer container of all widgets. Applies font-family and font size to widgets.
2627
</li>
2728
<li>
2829
<code>.ui-widget-header</code>: Class to be applied to header containers. Applies header container styles to an element and its child text, links, and icons.
@@ -41,7 +42,7 @@ <h3>Interaction States</h3>
4142
<code>.ui-state-hover</code>: Class to be applied on mouseover to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
4243
</li>
4344
<li>
44-
<code>.ui-state-focus</code>: Class to be applied on keyboard focus to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
45+
<code>.ui-state-focus</code>: Class to be applied on keyboard focus to clickable button-like elements. Applies "clickable focus" container styles to an element and its child text, links, and icons.
4546
</li>
4647
<li>
4748
<code>.ui-state-active</code>: Class to be applied on mousedown to clickable button-like elements. Applies "clickable active" container styles to an element and its child text, links, and icons.
@@ -63,10 +64,10 @@ <h3>Interaction Cues</h3>
6364
<code>.ui-state-disabled</code>: Applies a dimmed opacity to disabled UI elements. Meant to be added in addition to an already-styled element.
6465
</li>
6566
<li>
66-
<code>.ui-priority-primary</code>: Class to be applied to a priority-1 button in situations where button hierarchy is needed. Applies bold text.
67+
<code>.ui-priority-primary</code>: Class to be applied to a priority-1 button in situations where button hierarchy is needed.
6768
</li>
6869
<li>
69-
<code>.ui-priority-secondary</code>: Class to be applied to a priority-2 button in situations where button hierarchy is needed. Applies normal weight text and slight transparency to element.
70+
<code>.ui-priority-secondary</code>: Class to be applied to a priority-2 button in situations where button hierarchy is needed.
7071
</li>
7172
</ul>
7273

@@ -110,4 +111,4 @@ <h4>Overlay &amp; Shadow</h4>
110111
</li>
111112
</ul>
112113

113-
<category slug="theming"/>
114+
<category slug="theming"/>

0 commit comments

Comments
 (0)