page: txp5

Core SASS

form: txp5_scss

_nav-tertiary.scss ➔ modified 16 February 2025

GitHub: _nav-tertiary.scss

    
      @use "beam";

.nav-tertiary {
  @extend %beam !optional;
  margin-bottom: var(--base-unit);
}
.navlink {
  text-decoration: none;
  &-active {
  text-decoration: underline;
  }
}
.navlink-disabled {
  opacity: .5;
}

Source html

 
        
          <nav class="nav-tertiary">
  <a class="navlink" rel="prev" href="#">Previous</a>
  <span class="navlink-disabled" aria-disabled="true">Next</span>
</nav>

<div class="nav-tertiary pageby">
  <a class="navlink-active" title="View 12 per page" aria-pressed="true" role="button" href="#">12</a>
  <a class="navlink" title="View 24 per page" aria-pressed="false" role="button" href="#">24</a>
  <a class="navlink" title="View 48 per page" aria-pressed="false" role="button" href="#">48</a>
  <a class="navlink" title="View 96 per page" aria-pressed="false" role="button" href="#">96</a>
</div>