simplebits/Pears — Issue #5: Possible Pagination Example Improvement
Author: janxious
Created: 2012-02-07 07:37:22+00:00
State: open

There doesn't seem to be a way to submit changes or anything to the Pears example site. I was thinking something like this for pagination:

```html

← Prev

1

2

3

4

Next →

```

```CSS
nav[role=page] ul {
text-align: center;
}
nav[role=page] li {
display: inline;
margin: 0 4px 0 0;
}
nav[role=page] a {
padding: 3px 8px;
font-size: 14px;
font-weight: bold;
border: 1px solid #ddd;
background: #fff;
border-radius: 4px;
}
nav[role=page] a:hover,
nav[role=page] a:focus {
background: #f0f0f0;
border-color: #ccc;
}
nav[role=page] a:active {
background: #fff;
border-color: #ddd;
}
nav[role=page] .current {
font-weight: bold;
padding: 3px 3px;
}
```