mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-08-20 21:01:27 +02:00
Code Issues Releases Wiki Activity

icons

Browse Source
This commit is contained in:
codecalm
2020-03-04 16:51:36 +01:00
parent 3eb0ec3c49
commit cfcd253c33
5 changed files with 653 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
_icons/switch.svg Normal file
View File

@@ -0,0 +1,9 @@
---
---
<svg>
<polyline points="15 4 19 4 19 8" />
<line x1="14.75" y1="9.25" x2="19" y2="4" />
<line x1="5" y1="19" x2="9" y2="15" />
<polyline points="15 19 19 19 19 15" />
<line x1="5" y1="5" x2="19" y2="19" />
</svg>

3
_includes/icon.html
View File

@@ -1 +1,2 @@
{% assign name = include.name %}{% assign icon = site.icons | where: "slug", name | first %}{% assign replace-to = '<svg xmlns="http://www.w3.org/2000/svg" class="icon tabler-icon tabler-icon-ICON_NAME" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"' | replace: 'ICON_NAME', name %}{% assign content = icon.content | replace: '<svg', replace-to %}{{ content }}
{% assign width = include.width | default: 2 %}
{% assign name = include.name %}{% assign icon = site.icons | where: "slug", name | first %}{% assign replace-to = '<svg xmlns="http://www.w3.org/2000/svg" class="icon tabler-icon tabler-icon-ICON_NAME" width="24" height="24" viewBox="0 0 24 24" stroke-width="' | append: width | append: '" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"' | replace: 'ICON_NAME', name %}{% assign content = icon.content | replace: '<svg', replace-to %}{{ content }}

992
icons.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 108 KiB

15
list.html
View File

@@ -25,9 +25,20 @@
<div class="icons-list">
{% for icon in site.icons %}
{% assign name = icon.slug %}
<a href="#" class="icons-list-icon js-icon" title="{{ icon.slug }}" data-icon="{{ name }}">
<div class="icons-list-icon js-icon" title="{{ icon.slug }}" data-icon="{{ name }}">
{% include icon.html name=name %}
</a>
</div>
{% endfor %}
</div>
</div>
<div class="mb">
<div class="icons-list">
{% for icon in site.icons %}
{% assign name = icon.slug %}
<div class="icons-list-icon js-icon" title="{{ icon.slug }}" data-icon="{{ name }}">
{% include icon.html name=name width=1.25 %}
</div>
{% endfor %}
</div>
</div>

2
style.scss
View File

@@ -179,7 +179,7 @@ a {
justify-content: center;
border: 1px solid transparent;
&:hover {
@at-root a#{&}:hover {
opacity: .75;
}