From e8645ae508104e724974c96b15be5f77d7a89129 Mon Sep 17 00:00:00 2001 From: Tilo Mitra Date: Mon, 3 Jun 2013 19:49:42 -0400 Subject: [PATCH] add `pure-form-message` and `pure-form-message-inline` classes. Refer to https://github.com/yui/pure/pull/32 for the discussion behind this. --- src/forms/css/forms-r.css | 4 +++- src/forms/css/forms.css | 10 ++++++---- 2 files changed, 9 insertions(+), 5 deletions(-) diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css index 495a3d0..2e5cbe2 100644 --- a/src/forms/css/forms-r.css +++ b/src/forms/css/forms-r.css @@ -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 */ diff --git a/src/forms/css/forms.css b/src/forms/css/forms.css index 61ebadf..20d9155 100644 --- a/src/forms/css/forms.css +++ b/src/forms/css/forms.css @@ -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%; }