vendor/assets/stylesheets/pure.css in pure-css-rails-0.0.2 vs vendor/assets/stylesheets/pure.css in pure-css-rails-0.2.1
- old
+ new
@@ -1,7 +1,7 @@
/*!
-Pure v0.2.0
+Pure v0.2.1
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
@@ -865,19 +865,27 @@
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
-.pure-form textarea[disabled],
-.pure-form input[readonly],
-.pure-form select[readonly],
-.pure-form textarea[readonly] {
+.pure-form textarea[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3;
- border-color: transparent;
}
+.pure-form input[readonly],
+.pure-form select[readonly],
+.pure-form textarea[readonly],
+.pure-form input[readonly]:focus,
+.pure-form select[readonly]:focus,
+.pure-form textarea[readonly]:focus {
+ background: #eee; /* menu hover bg color */
+ color: #777; /* menu text color */
+ border-color: #ccc;
+}
+
+
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
color: #b94a48;
border: 1px solid #ee5f5b;
@@ -899,11 +907,10 @@
.pure-form select[multiple] {
height: auto;
}
.pure-form label {
margin: 0.5em 0 0.2em;
- color: #999;
font-size: 90%;
}
.pure-form fieldset {
margin: 0;
padding: 0.35em 0 0.75em;
@@ -932,12 +939,14 @@
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
-.pure-form-stacked label {
+.pure-form-stacked label,
+.pure-form-stacked textarea {
display: block;
+ margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
@@ -964,13 +973,14 @@
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 10em;
}
/* Rounded Inputs */
+.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
- border-radius: 20px;
- padding-left: 1em;
+ border-radius: 2em;
+ padding: 0.5em 1em;
}
/* Grouped Inputs */
.pure-form .pure-group fieldset {
margin-bottom: 10px;
@@ -1055,23 +1065,23 @@
margin-bottom: 0.3em;
display: block;
}
.pure-group input[type="text"],
- .pure-form input[type="password"],
- .pure-form input[type="email"],
- .pure-form input[type="url"],
- .pure-form input[type="date"],
- .pure-form input[type="month"],
- .pure-form input[type="time"],
- .pure-form input[type="datetime"],
- .pure-form input[type="datetime-local"],
- .pure-form input[type="week"],
- .pure-form input[type="number"],
- .pure-form input[type="search"],
- .pure-form input[type="tel"],
- .pure-form input[type="color"] {
+ .pure-group input[type="password"],
+ .pure-group input[type="email"],
+ .pure-group input[type="url"],
+ .pure-group input[type="date"],
+ .pure-group input[type="month"],
+ .pure-group input[type="time"],
+ .pure-group input[type="datetime"],
+ .pure-group input[type="datetime-local"],
+ .pure-group input[type="week"],
+ .pure-group input[type="number"],
+ .pure-group input[type="search"],
+ .pure-group input[type="tel"],
+ .pure-group input[type="color"] {
margin-bottom: 0;
}
.pure-form-aligned .pure-control-group label {
margin-bottom: 0.3em;
@@ -1157,11 +1167,11 @@
vertical-align: top;
text-rendering: auto;
}
.pure-u-1 {
- display: block;
+ width: 100%;
}
.pure-u-1-2 {
width: 50%;
}
@@ -1197,11 +1207,11 @@
.pure-u-4-5 {
width: 80%;
}
.pure-u-1-6 {
- width: 16.656%;
+ width: 16.666%;
}
.pure-u-5-6 {
width: 83.33%;
}
@@ -1558,28 +1568,49 @@
}
/*csslint box-model:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/
+
.pure-paginator {
+
+ /* `pure-g` Grid styles */
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+ *letter-spacing: normal; /* reset IE < 8 */
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+ /* `pure-paginator` Specific styles */
list-style: none;
margin: 0;
padding: 0;
}
+.opera-only :-o-prefocus,
+.pure-paginator {
+ word-spacing: -0.43em;
+}
+
+/* `pure-u` Grid styles */
.pure-paginator li {
display: inline-block;
- *display: inline;
+ *display: inline; /* IE < 8: fake inline-block */
zoom: 1;
- margin: 0 -0.35em 0 0;
+ letter-spacing: normal;
+ word-spacing: normal;
+ vertical-align: top;
+ text-rendering: auto;
}
+
+
.pure-paginator .pure-button {
border-radius: 0;
padding: 0.8em 1.4em;
vertical-align: top;
height: 1.1em;
}
-.pure-paginator .pure-button:focus {
+.pure-paginator .pure-button:focus,
+.pure-paginator .pure-button:active {
outline-style: none;
}
.pure-paginator .prev,
.pure-paginator .next {
color: #C0C1C3;
@@ -1635,10 +1666,9 @@
.pure-table thead {
background: #e0e0e0;
color: #000;
text-align: left;
vertical-align: bottom;
- white-space: nowrap;
}
/*
striping:
even - #fff (white)