mirror of
https://github.com/gapmiss/iconoir-icons.git
synced 2026-07-22 04:40:01 +00:00
fix: Address community plugin scanner warnings
- Remove unused data.json and examples/ directory - Bump minAppVersion to 1.5.0 for better CSS mask support - Add data.json to .gitignore Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@gapmiss
parent
bab344df90
commit
b3e6947409
12 changed files with 3 additions and 427 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -11,4 +11,5 @@ node_modules/
|
|||
.DS_Store
|
||||
|
||||
main.js
|
||||
data.json
|
||||
.claude
|
||||
|
|
@ -1 +0,0 @@
|
|||
{}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
## basic block example
|
||||
|
||||
### markdown
|
||||
|
||||
|
||||
```markdown
|
||||
Alpha Bravo `~![iconoir-antenna|green|22px|22px]` Charlie Delta `~![iconoir-wristwatch|red|22px|22px]` Echo Foxtrot Golf `~![iconoir-golf|green|22px|22px]` Hotel India Juliet Kilo `~![iconoir-airplane|red|22px|22px]` Lima Mike November `~![iconoir-calendar|magenta|22px|22px]` Oscar Papa Quebec Romeo Sierra `~![iconoir-compass|var(--color-orange)|22px|22px]` Tango Uniform Victor `~![iconoir-dashboard-dots|red|22px|22px]` Whiskey Xray Yankee Zulu
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
Alpha Bravo `~![iconoir-antenna|green|22px|22px]` Charlie Delta `~![iconoir-wristwatch|red|22px|22px]` Echo Foxtrot Golf `~![iconoir-golf|green|22px|22px]` Hotel India Juliet Kilo `~![iconoir-airplane|red|22px|22px]` Lima Mike November `~![iconoir-calendar|magenta|22px|22px]` Oscar Papa Quebec Romeo Sierra `~![iconoir-compass|var(--color-orange)|22px|22px]` Tango Uniform Victor `~![iconoir-dashboard-dots|red|22px|22px]` Whiskey Xray Yankee Zulu
|
||||
|
||||
|
||||
---
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
`~![iconoir-infinite|purple|48px|48px|float:right;opacity:.5;]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
`~![iconoir-infinite|purple|48px|48px|float:right;opacity:.5;]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
|
||||
---
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
`~![iconoir-flower|pink|48px|48px]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
`~![iconoir-flower|pink|48px|48px]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
|
||||
---
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
`~![iconoir-leaf|green|48px|48px|float:right;]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
`~![iconoir-leaf|green|48px|48px|float:right;background-color:#ccc;]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
|
||||
---
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
### markdown
|
||||
|
||||
```markdown
|
||||
- `~![iconoir-rocket|var(--color-purple)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-yellow)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-red)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-blue)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-green)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-orange)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
- `~![iconoir-rocket|var(--color-purple)]` Alpha Bravo Charlie **Delta** Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-yellow)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-red)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-blue)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-green)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-orange)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
|
||||
---
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
- [ ] `~![iconoir-calendar-minus|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-calendar-plus|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-check-circle|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-clipboard-check|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-redo-circle|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-refresh-circular|currentColor]` task list a task list a task list
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
- [ ] `~![iconoir-calendar-minus|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-calendar-plus|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-check-circle|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-clipboard-check|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-redo-circle|currentColor]` task list a task list a task list
|
||||
- [ ] `~![iconoir-refresh-circular|currentColor]` task list a task list a task list
|
||||
|
||||
---
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
- [ ] `~![iconoir-calendar|currentColor]` task list a task list a task list
|
||||
- `~![iconoir-check-circle|currentColor]` not a task list a task list a task list
|
||||
- [x] `~![iconoir-clipboard-check|currentColor]` task list a task list a task list
|
||||
- `~![iconoir-redo-circle|currentColor]` not a task list a task list a task list
|
||||
- [ ] `~![iconoir-refresh-circular|currentColor]` task list a task list a task list
|
||||
- [x] `~![iconoir-hourglass|currentColor]` task list a task list a task list
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
- [ ] `~![iconoir-calendar|currentColor]` task list a task list a task list
|
||||
- `~![iconoir-check-circle|currentColor]` not a task list a task list a task list
|
||||
- [x] `~![iconoir-clipboard-check|currentColor]` task list a task list a task list
|
||||
- `~![iconoir-redo-circle|currentColor]` not a task list a task list a task list
|
||||
- [ ] `~![iconoir-refresh-circular|currentColor]` task list a task list a task list
|
||||
- [x] `~![iconoir-hourglass|currentColor]` task list a task list a task list
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
## basic callout example
|
||||
|
||||
### css snippet
|
||||
|
||||
```css
|
||||
/* Notice: this rule applies to ALL BLOCKS that have the target ICON name */
|
||||
p:not(:has(span.internal-embed.markdown-embed.inline-embed.is-loaded)):has(iconoir-icon[name=iconoir-warning-triangle]) {
|
||||
color: var(--text-muted);
|
||||
border-radius: 6px;
|
||||
border-style: double;
|
||||
border-width: 3px;
|
||||
border-color: rgba(var(--color-red-rgb), 0.95);
|
||||
padding: 5px 11px;
|
||||
background-color: rgba(var(--color-red-rgb), 0.08);
|
||||
text-align: justify;
|
||||
}
|
||||
p:not(span.internal-embed.markdown-embed.inline-embed.is-loaded) iconoir-icon[name=iconoir-warning-triangle] {
|
||||
margin-right: 7px;
|
||||
}
|
||||
```
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
`~![iconoir-megaphone|rgba(var(--color-red-rgb),.75)|32px|32px]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
`~![iconoir-warning-triangle|rgba(var(--color-red-rgb),.75)|32px|32px]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
|
||||
---
|
||||
|
||||
## complex callout example
|
||||
|
||||
### css snippet
|
||||
|
||||
```css
|
||||
p:has(iconoir-icon[name=iconoir-brain]) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
color: var(--text-muted);
|
||||
border-radius: 6px;
|
||||
border: 2px dashed var(--color-purple);
|
||||
padding: 9px 18px;
|
||||
background-color: rgba(var(--color-purple-rgb), 0.15);
|
||||
text-align: justify;
|
||||
}
|
||||
iconoir-icon[name=iconoir-brain] {
|
||||
color:var(--color-purple);
|
||||
display:flex;
|
||||
margin-right: 7px;
|
||||
}
|
||||
strong {
|
||||
color:var(--color-purple);
|
||||
font-size: 1.88em;
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
```
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
`~![iconoir-brain|currentColor|48px|48px]` **Lorem Ipsum Dolor Sit Amet** consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
`~![iconoir-brain|currentColor|48px|48px]` **Lorem Ipsum Dolor Sit Amet** consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
|
||||
|
||||
`~![iconoir-brain|currentColor]` lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi bibendum commodo congue. vivamus efficitur aliquam felis, id viverra eros blandit sit amet. nam feugiat purus ac sem aliquam, sit amet dictum dui bibendum. sed tincidunt porttitor odio at feugiat. cras sed viverra libero. suspendisse potenti. nulla eu ullamcorper quam, in tempus nulla. quisque accumsan euismod finibus.
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
# `~![iconoir-code-brackets|currentColor]` A Heading w/ an Iconoir Icon
|
||||
## A Heading w/ an Iconoir Icon `~![iconoir-code|currentColor]`
|
||||
### A Heading `~![iconoir-code-brackets|currentColor]` w/ an Iconoir Icon
|
||||
#### A Heading w/ an Iconoir Icon `~![iconoir-code-brackets|orange]`
|
||||
##### `~![iconoir-code-brackets|red|1.5em|1.5em]` A Heading w/ an Iconoir Icon
|
||||
###### A Heading w/ an Iconoir Icon `~![iconoir-code|green|1.5em|1.5em]`
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
# `~![iconoir-code-brackets|currentColor]` A Heading w/ an Iconoir Icon
|
||||
## A Heading w/ an Iconoir Icon `~![iconoir-code|currentColor]`
|
||||
### A Heading `~![iconoir-code-brackets|currentColor]` w/ an Iconoir Icon
|
||||
#### A Heading w/ an Iconoir Icon `~![iconoir-code-brackets|orange]`
|
||||
##### `~![iconoir-code-brackets|red|1.5em|1.5em]` A Heading w/ an Iconoir Icon
|
||||
###### A Heading w/ an Iconoir Icon `~![iconoir-code|green|1.5em|1.5em]`
|
||||
|
||||
---
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
# lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),1)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
## lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.9)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.8)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
#### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.7)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
##### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.6)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
###### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.5)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
# lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),1)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
## lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.9)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.8)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
#### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.7)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
##### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.6)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
###### lorem ipsum dolor sit `~![iconoir-shop-alt|rgba(var(--color-purple-rgb),.5)|1.33em|1.33em|position:relative;top:7px;]`
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
/*******
|
||||
*
|
||||
* Lists
|
||||
*
|
||||
*******/
|
||||
|
||||
|
||||
|
||||
/* any <UL>,<OL> w/ a .special-iconoir-list-callout class assinged to a <LI> */
|
||||
ol.has-list-bullet:has(li.special-iconoir-list-callout),
|
||||
ul.has-list-bullet:has(li.special-iconoir-list-callout) {
|
||||
border: 1px solid var(--interactive-accent);
|
||||
border-radius: 6px;
|
||||
padding-block:10px;
|
||||
}
|
||||
|
||||
/*******
|
||||
*
|
||||
* Callouts
|
||||
*
|
||||
*******/
|
||||
/* p:not(:has(span.internal-embed.markdown-embed.inline-embed.is-loaded)):has(iconoir-icon[name=iconoir-warning-triangle]) { */
|
||||
p:not(:has([class*=embed])):has(iconoir-icon[name=iconoir-warning-triangle]) {
|
||||
color: var(--text-muted);
|
||||
border-radius: 6px;
|
||||
border-style: double;
|
||||
border-width: 3px;
|
||||
border-color: rgba(var(--color-red-rgb), 0.95);
|
||||
padding: 5px 11px;
|
||||
background-color: rgba(var(--color-red-rgb), 0.08);
|
||||
text-align: justify;
|
||||
}
|
||||
p:not(span.internal-embed.markdown-embed.inline-embed.is-loaded) iconoir-icon[name=iconoir-warning-triangle] {
|
||||
margin-right: 7px;
|
||||
}
|
||||
/* ========================== */
|
||||
p:not(:has([class*=embed])):has(iconoir-icon[name=iconoir-brain]) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
color: var(--text-muted);
|
||||
border-radius: 6px;
|
||||
border: 2px dashed var(--color-purple);
|
||||
padding: 9px 18px;
|
||||
background-color: rgba(var(--color-purple-rgb), 0.15);
|
||||
text-align: justify;
|
||||
}
|
||||
p:not(:has(span.internal-embed.markdown-embed.inline-embed.is-loaded)) iconoir-icon[name=iconoir-brain] {
|
||||
color:var(--color-purple);
|
||||
display:flex;
|
||||
margin-right: 7px;
|
||||
}
|
||||
p:not(:has(span.internal-embed.markdown-embed.inline-embed.is-loaded)):has(iconoir-icon[name=iconoir-brain]) strong {
|
||||
color:var(--color-purple);
|
||||
font-size: 1.88em;
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
/*******
|
||||
*
|
||||
* Tablies
|
||||
*
|
||||
*******/
|
||||
/* or "th[data-name=iconoir-heart]" for more specificity */
|
||||
th.special-iconoir-th-callout {
|
||||
text-align: center;
|
||||
}
|
||||
/* w/ "th[data-name=iconoir-gift]" for more specificity */
|
||||
td[data-name=iconoir-gift].special-iconoir-td-callout {
|
||||
background-color: rgba(var(--color-green-rgb), 0.2) !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
/*******
|
||||
*
|
||||
* Lists
|
||||
*
|
||||
*******/
|
||||
/* any <UL>,<OL> w/ a .special-iconoir-list-callout class assinged to a <LI> */
|
||||
ol.has-list-bullet:has(li.special-iconoir-list-callout),
|
||||
ul.has-list-bullet:has(li.special-iconoir-list-callout) {
|
||||
border: 1px solid var(--interactive-accent);
|
||||
border-radius: 6px;
|
||||
padding-block:10px;
|
||||
}
|
||||
li.special-iconoir-list-callout {
|
||||
box-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09),
|
||||
0 2px 4px 0 rgba(var(--color-purple-rgb), 0.3),
|
||||
0 1px 1.5px 0 rgba(var(--color-purple-rgb), 0.3),
|
||||
0 1px 2px 0 rgba(var(--color-purple-rgb), 0.3),
|
||||
0 0 0 0 transparent;
|
||||
/* padding-left:1.77em; */
|
||||
margin: 13px 0 !important;
|
||||
background-color:rgba(var(--color-purple-rgb), 0.10);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.list-bullet {
|
||||
/* display: none; */
|
||||
}
|
||||
/*******
|
||||
*
|
||||
* Tasks
|
||||
*
|
||||
*******/
|
||||
li.task-list-item {
|
||||
/* border: 2px dashed var(--color-base-50) !important; */
|
||||
}
|
||||
li.task-list-item > span.tasks-list-text:has(iconoir-icon) {
|
||||
color:var(--text-normal);
|
||||
border: 2px dashed var(--color-base-50) !important;
|
||||
border-radius: 4px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
- `~![iconoir-rocket|var(--color-cyan)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-red)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-blue)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-green)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-orange)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- `~![iconoir-rocket|var(--color-yellow)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
|
||||
---
|
||||
|
||||
- [ ] `~![iconoir-rocket|var(--color-red)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- [ ] `~![iconoir-rocket|var(--color-blue)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- [ ] `~![iconoir-rocket|var(--color-green)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
- [ ] #task `~![iconoir-rocket|var(--color-orange)]` Alpha Bravo Charlie `~![iconoir-box|currentColor]` Delta Echo Foxtrot Golf #todo 2023-02-09
|
||||
- [ ] `~![iconoir-rocket|var(--color-yellow)]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
|
||||
---
|
||||
|
||||
1. [ ] `~![iconoir-home]` Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
2. [ ] Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
3. [ ] Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
4. [ ] Alpha Bravo Charlie Delta Echo Foxtrot Golf
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
|
||||
> [!HELP] Escaping pipe delimiter
|
||||
> When using icons in a table, the PIPE `|` symbol must be escaped w/ a BACKSLASH `\`
|
||||
> e.g. `\|`
|
||||
> see examples below
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
| icon | name |
|
||||
|:--------------------------------------:| ----------- |
|
||||
| `~![iconoir-bread-slice\|saddlebrown]` | bread-slice |
|
||||
| `~![iconoir-peace-hand\|currentColor]` | peace-hand |
|
||||
| `~![iconoir-pizza-slice\|red]` | pizza-slice |
|
||||
| `~![iconoir-wifi\|var(--color-cyan)]` | wifi |
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
| icon | name |
|
||||
|:--------------------------------------:| ----------- |
|
||||
| `~![iconoir-bread-slice\|saddlebrown]` | bread-slice |
|
||||
| `~![iconoir-peace-hand\|currentColor]` | peace-hand |
|
||||
| `~![iconoir-pizza-slice\|red]` | pizza-slice |
|
||||
| `~![iconoir-wifi\|var(--color-cyan)]` | wifi |
|
||||
|
||||
---
|
||||
|
||||
> [!INFO] CSS Class support
|
||||
> When using icons inside a `<th>` or `<td>`, the CSS class `special-iconoir-th-callout` or `special-iconoir-td-callout` is added to the element.
|
||||
> When using icons inside a `<li>`, the CSS class `special-iconoir-list-callout` is added to the element.
|
||||
> In addition, a `data-icon` attribute, w/ the icon name, is added to the same element for added specificity.
|
||||
|
||||
### markdown
|
||||
|
||||
```markdown
|
||||
| `~![iconoir-heart\|red]` | supports `<th>` |
|
||||
| ------------------------ | -------------------------------- |
|
||||
| and also `<td>` | `~![iconoir-gift\|currentColor]` |
|
||||
|
||||
```
|
||||
|
||||
### css snippet
|
||||
|
||||
```css
|
||||
/* or "th[data-icon=iconoir-heart]" for more specificity */
|
||||
th.special-iconoir-th-callout {
|
||||
text-align: center;
|
||||
}
|
||||
/* w/ "th[data-icon=iconoir-gift]" for more specificity */
|
||||
td[data-icon=iconoir-gift].special-iconoir-td-callout {
|
||||
background-color: rgba(var(--color-green-rgb), 0.2) !important;
|
||||
text-align: center;
|
||||
}
|
||||
```
|
||||
|
||||
### results
|
||||
|
||||
| `~![iconoir-heart\|red]` | supports `<th>` |
|
||||
| ------------------------ | -------------------------------- |
|
||||
| and also `<td>` | `~![iconoir-gift\|currentColor]` |
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
"id": "iconoir-icons",
|
||||
"name": "Iconoir Icons",
|
||||
"version": "2.0.0",
|
||||
"minAppVersion": "0.15.0",
|
||||
"minAppVersion": "1.5.0",
|
||||
"description": "Create & display customized SVG Iconoir icons.",
|
||||
"author": "@gapmiss",
|
||||
"authorUrl": "https://github.com/gapmiss",
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{
|
||||
"1.0.0": "0.15.0",
|
||||
"2.0.0": "0.15.0"
|
||||
"2.0.0": "1.5.0"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue