github/pure
1
Fork 0
mirror of https://github.com/pure-css/pure synced 2024-12-16 23:25:53 +01:00
Code Releases Activity

add pure-form-message and pure-form-message-inline classes.

Browse Source 
Refer to https://github.com/yui/pure/pull/32 for the
discussion behind this.
This commit is contained in:
Tilo Mitra 2013-06-03 19:49:42 -04:00
parent 8e380861c3
commit e8645ae508
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/forms/css/forms-r.css
View File

@ -23,8 +23,10 @@
margin: 1.5em 0 0 0;
}
/* note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */
.pure-form .pure-help-inline,
.pure-form .pure-help-block {
.pure-form-message-inline,
.pure-form-message {
display: block;
font-size: 80%;
padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */

10
src/forms/css/forms.css
View File

@ -86,7 +86,8 @@
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline {
.pure-form-aligned .pure-help-inline, /* note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */
.pure-form-message-inline {
display: inline-block;
*display: inline; /* IE7 inline-block hack */
*zoom: 1;
@ -158,7 +159,9 @@
}
/* Inline help for forms */
.pure-form .pure-help-inline {
/* Note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */
.pure-form .pure-help-inline,
.pure-form-message-inline {
display: inline-block;
padding-left: 0.3em;
color: #666;
@ -167,9 +170,8 @@
}
/* Block help for forms */
.pure-form .pure-help-block {
.pure-form-message {
display: block;
margin: .5em 0 .2em;
color: #666;
font-size: 90%;
}