library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2025-01-13 02:04:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #294 from tilomitra/forms-font-size

Browse Source 
[Fix #265]: Remove `font-size` rules from .pure-form children
This commit is contained in:
Eric Ferraiuolo 2014-02-11 14:59:54 -05:00
commit 90f33406d7
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
HISTORY.md
View File

@ -8,7 +8,9 @@ NEXT
* Improve how `<input type="color">` elements look in Chrome by fixing paddings. ([#283][] @jpetto) * Improve how `<input type="color">` elements look in Chrome by fixing paddings. ([#283][] @jpetto)
* Remove `font-size` rules from `<input>`, `<legend>`, and `<fieldset>` elements within `.pure-form`. Font sizes are now inherited from your application's CSS file. ([#265][])
[#265]: https://github.com/yui/pure/issues/265
[#283]: https://github.com/yui/pure/issues/283 [#283]: https://github.com/yui/pure/issues/283

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

@ -57,7 +57,7 @@
.pure-form-message-inline, .pure-form-message-inline,
.pure-form-message { .pure-form-message {
display: block; display: block;
font-size: 80%; font-size: 0.75em;
/* Increased bottom padding to make it group with its related input element. */ /* Increased bottom padding to make it group with its related input element. */
padding: 0.2em 0 0.8em; padding: 0.2em 0 0.8em;
} }

8
src/forms/css/forms.css
View File

@ -17,7 +17,6 @@
padding: 0.5em 0.6em; padding: 0.5em 0.6em;
display: inline-block; display: inline-block;
border: 1px solid #ccc; border: 1px solid #ccc;
font-size: 0.8em;
box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px; border-radius: 4px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -33,7 +32,6 @@ since IE8 won't execute CSS that contains a CSS3 selector.
padding: 0.5em 0.6em; padding: 0.5em 0.6em;
display: inline-block; display: inline-block;
border: 1px solid #ccc; border: 1px solid #ccc;
font-size: 0.8em;
box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px; border-radius: 4px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -155,7 +153,6 @@ since IE8 won't execute CSS that contains a CSS3 selector.
} }
.pure-form label { .pure-form label {
margin: 0.5em 0 0.2em; margin: 0.5em 0 0.2em;
font-size: 90%;
} }
.pure-form fieldset { .pure-form fieldset {
margin: 0; margin: 0;
@ -167,7 +164,6 @@ since IE8 won't execute CSS that contains a CSS3 selector.
width: 100%; width: 100%;
padding: 0.3em 0; padding: 0.3em 0;
margin-bottom: 0.3em; margin-bottom: 0.3em;
font-size: 125%;
color: #333; color: #333;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
@ -289,12 +285,12 @@ since IE8 won't execute CSS that contains a CSS3 selector.
padding-left: 0.3em; padding-left: 0.3em;
color: #666; color: #666;
vertical-align: middle; vertical-align: middle;
font-size: 90%; font-size: 0.875em;
} }
/* Block help for forms */ /* Block help for forms */
.pure-form-message { .pure-form-message {
display: block; display: block;
color: #666; color: #666;
font-size: 90%; font-size: 0.875em;
} }