library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki 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; 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-inline,
.pure-form .pure-help-block { .pure-form-message-inline,
.pure-form-message {
display: block; display: block;
font-size: 80%; font-size: 80%;
padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */ 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 input,
.pure-form-aligned textarea, .pure-form-aligned textarea,
.pure-form-aligned select, .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-block;
*display: inline; /* IE7 inline-block hack */ *display: inline; /* IE7 inline-block hack */
*zoom: 1; *zoom: 1;
@ -158,7 +159,9 @@
} }
/* Inline help for forms */ /* 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; display: inline-block;
padding-left: 0.3em; padding-left: 0.3em;
color: #666; color: #666;
@ -167,9 +170,8 @@
} }
/* Block help for forms */ /* Block help for forms */
.pure-form .pure-help-block { .pure-form-message {
display: block; display: block;
margin: .5em 0 .2em;
color: #666; color: #666;
font-size: 90%; font-size: 90%;
} }