mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 10:14:29 -07:00
Fix pagination
This commit is contained in:
@@ -4120,7 +4120,7 @@ a.nav-item.is-tab.is-active {
|
||||
.pagination-previous:hover,
|
||||
.pagination-next:hover,
|
||||
.pagination-link:hover {
|
||||
border-color: #00d1b2;
|
||||
border-color: #b5b5b5;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
@@ -4133,7 +4133,6 @@ a.nav-item.is-tab.is-active {
|
||||
.pagination-previous:active,
|
||||
.pagination-next:active,
|
||||
.pagination-link:active {
|
||||
background-color: whitesmoke;
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
}
|
||||
|
||||
@@ -4161,7 +4160,7 @@ a.nav-item.is-tab.is-active {
|
||||
}
|
||||
|
||||
.pagination-ellipsis {
|
||||
color: #7a7a7a;
|
||||
color: #b5b5b5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@ doc-subtab: container
|
||||
<li><code>.section</code></li>
|
||||
<li><code>.footer</code></li>
|
||||
</ul>
|
||||
<p>On <strong>mobile</strong> and <strong>tablet</strong>, the container will have a margin of <strong>20px</strong> on both the left and right sides.</p>
|
||||
<p>On <strong>mobile</strong> and <strong>tablet</strong>, the container will have a margin of <strong>1.5rem</strong> on both the left and right sides.</p>
|
||||
<p>On <strong>desktop</strong> (> 980px), the container will have a maximum width of <strong>960px</strong> and will be <strong>horizontally centered</strong>.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -51,6 +51,7 @@ doc-subtab: container
|
||||
<p>If you don't want to have a maximum width but want to keep the 20px margin on the left and right sides, add the <code>is-fluid</code> modifier:</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="example is-fullwidth">
|
||||
<div class="container is-fluid">
|
||||
@@ -67,4 +68,3 @@ doc-subtab: container
|
||||
</div>
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user