To style Django CMS Blog pagination.
<!-- Single Page -->
<nav class="pagination">
<a>< Previous</a>
<span class="current">Page 1 of 1</span>
<a>Next ></a>
</nav>
<!-- Few Pages (Current: 2 of 4) -->
<nav class="pagination">
<a href="?page=1">< Previous</a>
<span class="current">Page 2 of 4</span>
<a href="?page=3">Next ></a>
</nav>
<!-- Few Pages (Current: Last) -->
<nav class="pagination">
<a href="?page=3">< Previous</a>
<span class="current">Page 4 of 4</span>
<a>Next ></a>
</nav>
<!-- Many Pages - Near Start (Current: 3 of 20) -->
<nav class="pagination">
<a href="?page=2">< Previous</a>
<span class="current">Page 3 of 20</span>
<a href="?page=4">Next ></a>
</nav>
<!-- Many Pages - Middle (Current: 10 of 20) -->
<nav class="pagination">
<a href="?page=9">< Previous</a>
<span class="current">Page 10 of 20</span>
<a href="?page=11">Next ></a>
</nav>
<!-- Many Pages - Near End (Current: 18 of 20) -->
<nav class="pagination">
<a href="?page=17">< Previous</a>
<span class="current">Page 18 of 20</span>
<a href="?page=19">Next ></a>
</nav>
{
"shouldSkipPattern": true,
"globalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.demo.css"
},
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.base.css"
}
],
"cmsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.cms.css"
}
],
"docsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.docs.css"
}
],
"portalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.portal.css"
}
],
"subdir": "djangocms-blog",
"shouldSkipBase": true
}