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 #131 from tilomitra/paginator-bug

Browse Source 
increase margin between paginator items to fix issue #127
This commit is contained in:
Eric Ferraiuolo 2013-07-17 09:07:05 -07:00
commit 23bfcf11fe
3 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
HISTORY.md
View File

@ -39,6 +39,8 @@ written in past tense.
[#94]: https://github.com/yui/pure/issues/94
[#95]: https://github.com/yui/pure/issues/95
* Active Paginator buttons no longer have a broken inner box-shadow on the
right-side. (Issue [#127](https://github.com/yui/pure/issues/127))
0.2.0 (2013-06-11)
------------------

32
src/menus/css/menus-paginator.css
View File

@ -1,24 +1,42 @@
/*csslint box-model:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/
/* `pure-g` Grid styles */
.pure-paginator {
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 */
}
.opera-only :-o-prefocus,
.pure-paginator {
word-spacing: -0.43em;
}
/* `pure-u` Grid styles */
.pure-paginator li {
display: inline-block;
*display: inline; /* IE < 8: fake inline-block */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.pure-paginator {
list-style: none;
margin: 0;
padding: 0;
}
.pure-paginator li {
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 -0.35em 0 0;
}
.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,

11
src/menus/tests/manual/menus.html
View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width = device-width">
<title>Menus CSS</title>
<link rel="stylesheet" type="text/css" href="../../../../build/base-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/buttons-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/menus-min.css">
<style>
@ -157,7 +158,17 @@
</ul>
</div>
<h2>Paginator</h2>
<ul class="pure-paginator">
<li><a class="pure-button prev" href="#">&#171;</a></li>
<li><a class="pure-button" href="#">1</a></li>
<li><a class="pure-button pure-button-active" href="#">2</a></li>
<li><a class="pure-button" href="#">3</a></li>
<li><a class="pure-button" href="#">4</a></li>
<li><a class="pure-button" href="#">5</a></li>
<li><a class="pure-button next" href="#">&#187;</a></li>
</ul>
</div>
<script src="http://yui.yahooapis.com/3.10.1/build/yui/yui-min.js"></script>