fix: tables + icons
This commit is contained in:
parent
0a80ff3dff
commit
86205fd7e2
45 changed files with 117 additions and 102 deletions
|
@ -2,7 +2,7 @@
|
|||
{%- if categoryUrl | isLinkActive: page.url -%}
|
||||
<span class="active {{ class }}" aria-current="page">
|
||||
{%- if icon -%}
|
||||
{% tablericon icon title %}
|
||||
{% tablericon icon %}
|
||||
<span>{{ title }}</span>
|
||||
{%- else -%}
|
||||
{{ title }}
|
||||
|
@ -11,7 +11,7 @@
|
|||
{%- else -%}
|
||||
<a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" rel="me">
|
||||
{%- if icon -%}
|
||||
{% tablericon icon title %}
|
||||
{% tablericon icon %}
|
||||
<span>{{ title }}</span>
|
||||
{%- else -%}
|
||||
{{ title }}
|
||||
|
|
|
@ -4,5 +4,5 @@
|
|||
rel="me"
|
||||
title="{{ title }}"
|
||||
tabindex="0">
|
||||
{% tablericon icon title %}
|
||||
{% tablericon icon %}
|
||||
</a>
|
|
@ -1,8 +1,8 @@
|
|||
<menu>
|
||||
<input id="menu-toggle" type="checkbox" aria-hidden="true" />
|
||||
<label class="menu-button-container" for="menu-toggle" tabindex="0">
|
||||
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" "Menu closed" %}</div>
|
||||
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" "Menu open" %}</div>
|
||||
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" %}</div>
|
||||
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" %}</div>
|
||||
</label>
|
||||
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
|
||||
{%- for link in nav.primary -%}
|
||||
|
|
|
@ -2,14 +2,14 @@
|
|||
<nav aria-label="Pagination" class="pagination">
|
||||
{%- if pagination.href.previous -%}
|
||||
<a href="{{ pagination.href.previous }}" aria-label="Previous page">
|
||||
{% tablericon "arrow-left" "Previous" %}
|
||||
{% tablericon "arrow-left" %}
|
||||
</a>
|
||||
{%- else -%}
|
||||
<span
|
||||
class="disabled"
|
||||
aria-label="Previous page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-left" "Prevous" %}
|
||||
{% tablericon "arrow-left" %}
|
||||
</span>
|
||||
{%- endif -%}
|
||||
<select-pagination>
|
||||
|
@ -26,14 +26,14 @@
|
|||
</select-pagination>
|
||||
{%- if pagination.href.next -%}
|
||||
<a href="{{ pagination.href.next }}" aria-label="Next page">
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
{% tablericon "arrow-right" %}
|
||||
</a>
|
||||
{%- else -%}
|
||||
<span
|
||||
class="disabled"
|
||||
aria-label="Next page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
{% tablericon "arrow-right" %}
|
||||
</span>
|
||||
{%- endif -%}
|
||||
</nav>
|
|
@ -3,10 +3,10 @@
|
|||
<theme-toggle>
|
||||
<button class="theme-toggle">
|
||||
<span class="light">
|
||||
{% tablericon "sun" "Toggle light theme" %}
|
||||
{% tablericon "sun" %}
|
||||
</span>
|
||||
<span class="dark">
|
||||
{% tablericon "moon" "Toggle dark theme" %}
|
||||
{% tablericon "moon" %}
|
||||
</span>
|
||||
</button>
|
||||
</theme-toggle>
|
||||
|
|
Reference in a new issue