vendor/assets/stylesheets/pure.css in pure-css-rails-0.4.1 vs vendor/assets/stylesheets/pure.css in pure-css-rails-0.4.2

- old
+ new

@@ -1,7 +1,7 @@ /*! -Pure v0.4.1 +Pure v0.4.2 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yui/pure/blob/master/LICENSE.md */ /*! @@ -1046,11 +1046,10 @@ .pure-form select, .pure-form textarea { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; - font-size: 0.8em; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -1062,19 +1061,25 @@ */ .pure-form input:not([type]) { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; - font-size: 0.8em; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */ +/* May be able to remove this tweak as color inputs become more standardized across browsers. */ +.pure-form input[type="color"] { + padding: 0.2em 0.5em; +} + + .pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, @@ -1156,11 +1161,11 @@ .pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid { color: #b94a48; - border: 1px solid #ee5f5b; + border-color: #ee5f5b; } .pure-form input:focus:invalid:focus, .pure-form textarea:focus:invalid:focus, .pure-form select:focus:invalid:focus { border-color: #e9322d; @@ -1177,11 +1182,10 @@ .pure-form select[multiple] { height: auto; } .pure-form label { margin: 0.5em 0 0.2em; - font-size: 90%; } .pure-form fieldset { margin: 0; padding: 0.35em 0 0.75em; border: 0; @@ -1189,11 +1193,10 @@ .pure-form legend { display: block; width: 100%; padding: 0.3em 0; margin-bottom: 0.3em; - font-size: 125%; color: #333; border-bottom: 1px solid #e5e5e5; } .pure-form-stacked input[type="text"], @@ -1311,18 +1314,18 @@ .pure-form-message-inline { display: inline-block; padding-left: 0.3em; color: #666; vertical-align: middle; - font-size: 90%; + font-size: 0.875em; } /* Block help for forms */ .pure-form-message { display: block; color: #666; - font-size: 90%; + font-size: 0.875em; } @media only screen and (max-width : 480px) { .pure-form button[type="submit"] { margin: 0.7em 0 0; @@ -1380,10 +1383,10 @@ /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */ .pure-form .pure-help-inline, .pure-form-message-inline, .pure-form-message { display: block; - font-size: 80%; + font-size: 0.75em; /* Increased bottom padding to make it group with its related input element. */ padding: 0.2em 0 0.8em; } }