diff --git a/.gitignore b/.gitignore index 259bebc..8499a4d 100644 --- a/.gitignore +++ b/.gitignore @@ -11,4 +11,5 @@ node_modules/ .DS_Store main.js +data.json .claude \ No newline at end of file diff --git a/data.json b/data.json deleted file mode 100644 index 9e26dfe..0000000 --- a/data.json +++ /dev/null @@ -1 +0,0 @@ -{} \ No newline at end of file diff --git a/examples/basic-blocks.md b/examples/basic-blocks.md deleted file mode 100644 index 9d971b7..0000000 --- a/examples/basic-blocks.md +++ /dev/null @@ -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. - ---- \ No newline at end of file diff --git a/examples/basic-lists.md b/examples/basic-lists.md deleted file mode 100644 index f91e5ab..0000000 --- a/examples/basic-lists.md +++ /dev/null @@ -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 \ No newline at end of file diff --git a/examples/callouts.md b/examples/callouts.md deleted file mode 100644 index fdbd97b..0000000 --- a/examples/callouts.md +++ /dev/null @@ -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. diff --git a/examples/headings.md b/examples/headings.md deleted file mode 100644 index 8bc972d..0000000 --- a/examples/headings.md +++ /dev/null @@ -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;]` diff --git a/examples/iconoir-icons-examples.css b/examples/iconoir-icons-examples.css deleted file mode 100644 index 59f04df..0000000 --- a/examples/iconoir-icons-examples.css +++ /dev/null @@ -1,72 +0,0 @@ -/******* -* -* Lists -* -*******/ - - - -/* any