Updated Pure to 0.6, added pagination, don't think I broke anything...

This commit is contained in:
2015-02-26 12:44:21 -05:00
parent 73c7c17219
commit 05bf1f9682
55 changed files with 2459 additions and 3388 deletions

View File

@@ -1,9 +1,17 @@
/*!
Pure v0.5.0
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
@@ -25,6 +33,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -70,7 +79,6 @@ since IE8 won't execute CSS that contains a CSS3 selector.
.pure-form select:focus,
.pure-form textarea:focus {
outline: 0;
outline: thin dotted \9; /* IE6-9 */
border-color: #129FEA;
}
@@ -80,14 +88,13 @@ since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {
outline: 0;
outline: thin dotted \9; /* IE6-9 */
border-color: #129FEA;
}
.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: thin solid #129FEA;
outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
@@ -129,7 +136,7 @@ since IE8 won't execute CSS that contains a CSS3 selector.
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
background: #eee; /* menu hover bg color */
background-color: #eee; /* menu hover bg color */
color: #777; /* menu text color */
border-color: #ccc;
}
@@ -138,11 +145,6 @@ since IE8 won't execute CSS that contains a CSS3 selector.
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
.pure-form input:focus:invalid:focus,
.pure-form textarea:focus:invalid:focus,
.pure-form select:focus:invalid:focus {
border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
@@ -151,6 +153,8 @@ since IE8 won't execute CSS that contains a CSS3 selector.
outline-color: #e9322d;
}
.pure-form select {
/* Normalizes the height; padding is not sufficient. */
height: 2.25em;
border: 1px solid #ccc;
background-color: white;
}
@@ -188,6 +192,7 @@ since IE8 won't execute CSS that contains a CSS3 selector.
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
@@ -230,7 +235,7 @@ since IE8 won't execute CSS that contains a CSS3 selector.
margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 10em;
margin: 1.5em 0 0 11em;
}
/* Rounded Inputs */
@@ -244,24 +249,36 @@ since IE8 won't execute CSS that contains a CSS3 selector.
.pure-form .pure-group fieldset {
margin-bottom: 10px;
}
.pure-form .pure-group input {
.pure-form .pure-group input,
.pure-form .pure-group textarea {
display: block;
padding: 10px;
margin: 0;
margin: 0 0 -1px;
border-radius: 0;
position: relative;
top: -1px;
}
.pure-form .pure-group input:focus {
z-index: 2;
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
z-index: 3;
}
.pure-form .pure-group input:first-child {
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
top: 1px;
border-radius: 4px 4px 0 0;
margin: 0;
}
.pure-form .pure-group input:last-child {
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
top: 1px;
border-radius: 4px;
margin: 0;
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
top: -2px;
border-radius: 0 0 4px 4px;
margin: 0;
}
.pure-form .pure-group button {
margin: 0.35em 0;