library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

increase margin between paginator items to fix issue #127

Browse Source
This commit is contained in:
Tilo Mitra 2013-07-09 16:36:48 -04:00
parent 742a0beb49
commit 3d7dea4926
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,7 @@
display: inline-block; display: inline-block;
*display: inline; *display: inline;
zoom: 1; zoom: 1;
margin: 0 -0.35em 0 0; margin: 0 -0.25em 0 0;
} }
.pure-paginator .pure-button { .pure-paginator .pure-button {
border-radius: 0; border-radius: 0;
@ -18,7 +18,8 @@
vertical-align: top; vertical-align: top;
height: 1.1em; height: 1.1em;
} }
.pure-paginator .pure-button:focus { .pure-paginator .pure-button:focus,
.pure-paginator .pure-button:active {
outline-style: none; outline-style: none;
} }
.pure-paginator .prev, .pure-paginator .prev,

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

@ -5,6 +5,7 @@
<meta name="viewport" content="width = device-width"> <meta name="viewport" content="width = device-width">
<title>Menus CSS</title> <title>Menus CSS</title>
<link rel="stylesheet" type="text/css" href="../../../../build/base-min.css"> <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"> <link rel="stylesheet" type="text/css" href="../../../../build/menus-min.css">
<style> <style>
@ -157,7 +158,17 @@
</ul> </ul>
</div> </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> </div>
<script src="http://yui.yahooapis.com/3.10.1/build/yui/yui-min.js"></script> <script src="http://yui.yahooapis.com/3.10.1/build/yui/yui-min.js"></script>