@turnipxenon/pineapple 2.4.11 → 2.4.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/.idea/workspace.xml +87 -86
  2. package/.svelte-kit/__package__/components/Card.svelte +27 -27
  3. package/.svelte-kit/__package__/components/CarouselElement.svelte +16 -16
  4. package/.svelte-kit/__package__/components/Chip.svelte +12 -12
  5. package/.svelte-kit/__package__/components/ElementVisbilityDetector.svelte +5 -5
  6. package/.svelte-kit/__package__/components/SocialSection.svelte +162 -159
  7. package/.svelte-kit/__package__/components/StickyElement.svelte +20 -20
  8. package/.svelte-kit/__package__/components/ToggleableContent.svelte +8 -8
  9. package/.svelte-kit/__package__/components/layouts/PineappleBaseLayout.svelte +21 -0
  10. package/.svelte-kit/__package__/components/layouts/SeaweedBaseLayout.svelte +1 -8
  11. package/.svelte-kit/__package__/components/layouts/SeaweedBaseLayout.svelte.d.ts +1 -0
  12. package/.svelte-kit/__package__/postcss.d.ts +3 -3
  13. package/.svelte-kit/__package__/styles/global.css +1 -1
  14. package/.svelte-kit/__package__/template/SeaweedTemplate.svelte +1 -1
  15. package/.svelte-kit/__package__/theme.postcss +2 -1
  16. package/.svelte-kit/ambient.d.ts +4 -0
  17. package/.svelte-kit/generated/client/app.js +6 -5
  18. package/.svelte-kit/generated/client/nodes/2.js +1 -1
  19. package/.svelte-kit/generated/client/nodes/3.js +1 -1
  20. package/.svelte-kit/generated/client/nodes/4.js +1 -1
  21. package/.svelte-kit/generated/client/nodes/5.js +1 -1
  22. package/.svelte-kit/generated/client/nodes/6.js +1 -1
  23. package/.svelte-kit/generated/client/nodes/7.js +1 -0
  24. package/.svelte-kit/generated/server/internal.js +1 -1
  25. package/.svelte-kit/types/route_meta_data.json +6 -4
  26. package/.svelte-kit/types/src/routes/$types.d.ts +1 -4
  27. package/.svelte-kit/types/src/routes/{personal → (pineapple)}/$types.d.ts +2 -2
  28. package/.svelte-kit/types/src/routes/{portfolio/actual → (pineapple)/personal}/$types.d.ts +2 -2
  29. package/.svelte-kit/types/src/routes/(seaweed)/$types.d.ts +19 -0
  30. package/.svelte-kit/types/src/routes/{portfolio → (seaweed)/portfolio}/$types.d.ts +3 -3
  31. package/.svelte-kit/types/src/routes/(seaweed)/portfolio/actual/$types.d.ts +17 -0
  32. package/.svelte-kit/types/src/routes/{portfolio → (seaweed)/portfolio}/proxy+page.server.ts +1 -1
  33. package/README.md +8 -18
  34. package/dist/components/Card.svelte +27 -27
  35. package/dist/components/CarouselElement.svelte +16 -16
  36. package/dist/components/Chip.svelte +12 -12
  37. package/dist/components/ElementVisbilityDetector.svelte +5 -5
  38. package/dist/components/SocialSection.svelte +162 -159
  39. package/dist/components/StickyElement.svelte +20 -20
  40. package/dist/components/ToggleableContent.svelte +8 -8
  41. package/dist/components/layouts/PineappleBaseLayout.svelte +21 -0
  42. package/dist/components/layouts/SeaweedBaseLayout.svelte +1 -8
  43. package/dist/components/layouts/SeaweedBaseLayout.svelte.d.ts +1 -0
  44. package/dist/postcss.d.ts +3 -3
  45. package/dist/styles/global.css +1 -1
  46. package/dist/template/SeaweedTemplate.svelte +1 -1
  47. package/dist/theme.postcss +2 -1
  48. package/package.json +1 -1
  49. package/src/lib/components/Card.svelte +32 -32
  50. package/src/lib/components/CarouselElement.svelte +22 -22
  51. package/src/lib/components/Chip.svelte +12 -12
  52. package/src/lib/components/ElementVisbilityDetector.svelte +22 -22
  53. package/src/lib/components/OnElementVisbilityChanged.ts +1 -1
  54. package/src/lib/components/SocialSection.svelte +95 -92
  55. package/src/lib/components/StickyElement.svelte +39 -39
  56. package/src/lib/components/ToggleableContent.svelte +85 -85
  57. package/src/lib/components/ToggleableContentType.ts +4 -4
  58. package/src/lib/components/layouts/LayoutConstants.ts +1 -1
  59. package/src/lib/components/layouts/PineappleBaseLayout.svelte +21 -0
  60. package/src/lib/components/layouts/SeaweedBaseLayout.svelte +1 -8
  61. package/src/lib/consts.ts +2 -2
  62. package/src/lib/postcss.d.ts +3 -3
  63. package/src/lib/styles/global.css +1 -1
  64. package/src/lib/template/SeaweedTemplate.svelte +1 -1
  65. package/src/lib/theme.postcss +2 -1
  66. package/src/lib/util/create_go_to_function.ts +5 -5
  67. package/src/routes/{personal → (pineapple)}/+layout.svelte +1 -1
  68. package/src/routes/(pineapple)/+page.svelte +36 -0
  69. package/src/routes/(seaweed)/+layout.svelte +10 -0
  70. package/src/routes/{portfolio → (seaweed)/portfolio}/+page.server.ts +1 -1
  71. package/src/routes/{portfolio → (seaweed)/portfolio}/+page.svelte +2 -2
  72. package/src/routes/{portfolio → (seaweed)/portfolio}/.gitignore +1 -1
  73. package/src/routes/{portfolio → (seaweed)/portfolio}/actual/+page.svelte +1 -1
  74. package/src/routes/+layout.svelte +0 -7
  75. package/static/robots.txt +5 -5
  76. package/src/routes/+page.svelte +0 -38
  77. /package/src/routes/{personal → (pineapple)/personal}/+page.svelte +0 -0
@@ -4,11 +4,9 @@
4
4
  <option name="autoReloadType" value="SELECTIVE" />
5
5
  </component>
6
6
  <component name="ChangeListManager">
7
- <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Change lib to pkg to prevent the references from breaking from downstream apps">
8
- <change beforePath="$PROJECT_DIR$/src/lib/components/Card.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/Card.svelte" afterDir="false" />
9
- <change beforePath="$PROJECT_DIR$/src/lib/components/SocialSection.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/SocialSection.svelte" afterDir="false" />
10
- <change beforePath="$PROJECT_DIR$/src/lib/template/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/SeaweedTemplate.svelte" afterDir="false" />
11
- <change beforePath="$PROJECT_DIR$/src/routes/portfolio/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/portfolio/+page.svelte" afterDir="false" />
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add animation to dynamically added button in social section">
8
+ <change beforePath="$PROJECT_DIR$/src/lib/components/layouts/PineappleBaseLayout.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/layouts/PineappleBaseLayout.svelte" afterDir="false" />
9
+ <change beforePath="$PROJECT_DIR$/src/lib/components/layouts/SeaweedBaseLayout.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/layouts/SeaweedBaseLayout.svelte" afterDir="false" />
12
10
  </list>
13
11
  <option name="SHOW_DIALOG" value="false" />
14
12
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -43,7 +41,7 @@
43
41
  <component name="Git.Settings">
44
42
  <option name="RECENT_BRANCH_BY_REPOSITORY">
45
43
  <map>
46
- <entry key="$PROJECT_DIR$" value="fix-dependency" />
44
+ <entry key="$PROJECT_DIR$" value="main" />
47
45
  </map>
48
46
  </option>
49
47
  <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -72,46 +70,46 @@
72
70
  <option name="hideEmptyMiddlePackages" value="true" />
73
71
  <option name="showLibraryContents" value="true" />
74
72
  </component>
75
- <component name="PropertiesComponent"><![CDATA[{
76
- "keyToString": {
77
- "DefaultHtmlFileTemplate": "HTML File",
78
- "RunOnceActivity.OpenProjectViewOnStart": "true",
79
- "RunOnceActivity.ShowReadmeOnStart": "true",
80
- "WebServerToolWindowFactoryState": "false",
81
- "git-widget-placeholder": "portfolio-design",
82
- "ignore.virus.scanning.warn.message": "true",
83
- "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple2",
84
- "node.js.detected.package.eslint": "true",
85
- "node.js.detected.package.tslint": "true",
86
- "node.js.selected.package.eslint": "(autodetect)",
87
- "node.js.selected.package.tslint": "(autodetect)",
88
- "nodejs_interpreter_path": "node",
89
- "nodejs_package_manager_path": "yarn",
90
- "npm.build.executor": "Run",
91
- "npm.dev (1).executor": "Run",
92
- "npm.dev --open.executor": "Run",
93
- "npm.dev offline.executor": "Run",
94
- "npm.dev-offline.executor": "Run",
95
- "npm.dev.executor": "Run",
96
- "settings.editor.selected.configurable": "preferences.pluginManager",
97
- "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
98
- "vue.rearranger.settings.migration": "true"
73
+ <component name="PropertiesComponent">{
74
+ &quot;keyToString&quot;: {
75
+ &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
76
+ &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
77
+ &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
78
+ &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
79
+ &quot;git-widget-placeholder&quot;: &quot;pineapple-redesign&quot;,
80
+ &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
81
+ &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/routes/(pineapple)&quot;,
82
+ &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
83
+ &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
84
+ &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
85
+ &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
86
+ &quot;nodejs_interpreter_path&quot;: &quot;node&quot;,
87
+ &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
88
+ &quot;npm.build.executor&quot;: &quot;Run&quot;,
89
+ &quot;npm.dev (1).executor&quot;: &quot;Run&quot;,
90
+ &quot;npm.dev --open.executor&quot;: &quot;Run&quot;,
91
+ &quot;npm.dev offline.executor&quot;: &quot;Run&quot;,
92
+ &quot;npm.dev-offline.executor&quot;: &quot;Run&quot;,
93
+ &quot;npm.dev.executor&quot;: &quot;Run&quot;,
94
+ &quot;settings.editor.selected.configurable&quot;: &quot;preferences.pluginManager&quot;,
95
+ &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib&quot;,
96
+ &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
99
97
  }
100
- }]]></component>
98
+ }</component>
101
99
  <component name="RecentsManager">
102
100
  <key name="CopyFile.RECENT_KEYS">
101
+ <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)" />
102
+ <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(seaweed)" />
103
103
  <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\portfolio" />
104
104
  <recent name="C:\Users\Pumpkin\Projects\Web\pineapple" />
105
105
  <recent name="C:\Users\Pumpkin\Projects\Web\speenus" />
106
- <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\assets\icons" />
107
- <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components" />
108
106
  </key>
109
107
  <key name="MoveFile.RECENT_KEYS">
108
+ <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)" />
109
+ <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(seaweed)" />
110
110
  <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components" />
111
111
  <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\template" />
112
112
  <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\styles" />
113
- <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\layouts" />
114
- <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\assets\others" />
115
113
  </key>
116
114
  </component>
117
115
  <component name="RunManager" selected="npm.dev --open">
@@ -137,8 +135,8 @@
137
135
  <method v="2" />
138
136
  </configuration>
139
137
  <list>
140
- <item itemvalue="npm.dev-offline" />
141
138
  <item itemvalue="npm.dev --open" />
139
+ <item itemvalue="npm.dev-offline" />
142
140
  </list>
143
141
  <recent_temporary>
144
142
  <list>
@@ -185,47 +183,10 @@
185
183
  <workItem from="1710274381105" duration="206000" />
186
184
  <workItem from="1710274942044" duration="14000" />
187
185
  <workItem from="1710275377359" duration="5036000" />
188
- <workItem from="1710289549437" duration="10366000" />
189
- </task>
190
- <task id="LOCAL-00010" summary="Revert adding .git to pineapple package reference">
191
- <option name="closed" value="true" />
192
- <created>1709794219847</created>
193
- <option name="number" value="00010" />
194
- <option name="presentableId" value="LOCAL-00010" />
195
- <option name="project" value="LOCAL" />
196
- <updated>1709794219847</updated>
197
- </task>
198
- <task id="LOCAL-00011" summary="Yarn upgrade">
199
- <option name="closed" value="true" />
200
- <created>1709794761796</created>
201
- <option name="number" value="00011" />
202
- <option name="presentableId" value="LOCAL-00011" />
203
- <option name="project" value="LOCAL" />
204
- <updated>1709794761796</updated>
205
- </task>
206
- <task id="LOCAL-00012" summary="Upgrade pineapple package">
207
- <option name="closed" value="true" />
208
- <created>1709795148891</created>
209
- <option name="number" value="00012" />
210
- <option name="presentableId" value="LOCAL-00012" />
211
- <option name="project" value="LOCAL" />
212
- <updated>1709795148891</updated>
213
- </task>
214
- <task id="LOCAL-00013" summary="Add vite build">
215
- <option name="closed" value="true" />
216
- <created>1709796123144</created>
217
- <option name="number" value="00013" />
218
- <option name="presentableId" value="LOCAL-00013" />
219
- <option name="project" value="LOCAL" />
220
- <updated>1709796123145</updated>
221
- </task>
222
- <task id="LOCAL-00014" summary="Remove hide-scrollbar to prevent build from breaking">
223
- <option name="closed" value="true" />
224
- <created>1709796535867</created>
225
- <option name="number" value="00014" />
226
- <option name="presentableId" value="LOCAL-00014" />
227
- <option name="project" value="LOCAL" />
228
- <updated>1709796535867</updated>
186
+ <workItem from="1710289549437" duration="12580000" />
187
+ <workItem from="1710373069951" duration="3591000" />
188
+ <workItem from="1710403138174" duration="704000" />
189
+ <workItem from="1710403890552" duration="19000" />
229
190
  </task>
230
191
  <task id="LOCAL-00015" summary="Put prepare properly">
231
192
  <option name="closed" value="true" />
@@ -579,7 +540,47 @@
579
540
  <option name="project" value="LOCAL" />
580
541
  <updated>1710298224571</updated>
581
542
  </task>
582
- <option name="localTasksCounter" value="59" />
543
+ <task id="LOCAL-00059" summary="Add data-nosnippet">
544
+ <option name="closed" value="true" />
545
+ <created>1710305409664</created>
546
+ <option name="number" value="00059" />
547
+ <option name="presentableId" value="LOCAL-00059" />
548
+ <option name="project" value="LOCAL" />
549
+ <updated>1710305409664</updated>
550
+ </task>
551
+ <task id="LOCAL-00060" summary="Fix wrong link in migrante">
552
+ <option name="closed" value="true" />
553
+ <created>1710305826429</created>
554
+ <option name="number" value="00060" />
555
+ <option name="presentableId" value="LOCAL-00060" />
556
+ <option name="project" value="LOCAL" />
557
+ <updated>1710305826429</updated>
558
+ </task>
559
+ <task id="LOCAL-00061" summary="Reorganize directories to make Pineapple as default layout but still overrideable by Seaweed">
560
+ <option name="closed" value="true" />
561
+ <created>1710373523715</created>
562
+ <option name="number" value="00061" />
563
+ <option name="presentableId" value="LOCAL-00061" />
564
+ <option name="project" value="LOCAL" />
565
+ <updated>1710373523715</updated>
566
+ </task>
567
+ <task id="LOCAL-00062" summary="Improve text contrast in dark mode">
568
+ <option name="closed" value="true" />
569
+ <created>1710376338512</created>
570
+ <option name="number" value="00062" />
571
+ <option name="presentableId" value="LOCAL-00062" />
572
+ <option name="project" value="LOCAL" />
573
+ <updated>1710376338512</updated>
574
+ </task>
575
+ <task id="LOCAL-00063" summary="Add animation to dynamically added button in social section">
576
+ <option name="closed" value="true" />
577
+ <created>1710403640565</created>
578
+ <option name="number" value="00063" />
579
+ <option name="presentableId" value="LOCAL-00063" />
580
+ <option name="project" value="LOCAL" />
581
+ <updated>1710403640566</updated>
582
+ </task>
583
+ <option name="localTasksCounter" value="64" />
583
584
  <servers />
584
585
  </component>
585
586
  <component name="TypeScriptGeneratedFilesManager">
@@ -617,7 +618,7 @@
617
618
  <entry key="branch">
618
619
  <value>
619
620
  <list>
620
- <option value="portfolio-design" />
621
+ <option value="pineapple-redesign" />
621
622
  </list>
622
623
  </value>
623
624
  </entry>
@@ -637,12 +638,6 @@
637
638
  </option>
638
639
  </component>
639
640
  <component name="VcsManagerConfiguration">
640
- <MESSAGE value="Fix light-dark theming" />
641
- <MESSAGE value="Fix broken string width resolution" />
642
- <MESSAGE value="Fix accordion and cropped object positioning" />
643
- <MESSAGE value="Fix accordion styling and cropped object positioning" />
644
- <MESSAGE value="Adjust css for mobile" />
645
- <MESSAGE value="Add chips and query" />
646
641
  <MESSAGE value="Turn the portfolio site into a template" />
647
642
  <MESSAGE value="Add content replacer v1" />
648
643
  <MESSAGE value="Testing toggleable content" />
@@ -662,6 +657,12 @@
662
657
  <MESSAGE value="Extract styling out of Skeleton accordion" />
663
658
  <MESSAGE value="Attempt to make postcss exportable" />
664
659
  <MESSAGE value="Change lib to pkg to prevent the references from breaking from downstream apps" />
665
- <option name="LAST_COMMIT_MESSAGE" value="Change lib to pkg to prevent the references from breaking from downstream apps" />
660
+ <MESSAGE value="Add data-nosnippet" />
661
+ <MESSAGE value="Fix wrong link in migrante" />
662
+ <MESSAGE value="Reorganize directories to make Pineapple as default layout but still overrideable by Seaweed" />
663
+ <MESSAGE value="Improve text contrast" />
664
+ <MESSAGE value="Improve text contrast in dark mode" />
665
+ <MESSAGE value="Add animation to dynamically added button in social section" />
666
+ <option name="LAST_COMMIT_MESSAGE" value="Add animation to dynamically added button in social section" />
666
667
  </component>
667
668
  </project>
@@ -7,30 +7,30 @@ const style = `
7
7
  --turnip-card-margin-bottom: ${marginBottom};
8
8
  ${overrideStyle};
9
9
  `;
10
- </script>
11
-
12
- {#if (includeDataNoSnippet)}
13
- <div class="card turnip-card" style={style} data-no-snippet>
14
- <slot name="content" class="card" />
15
- </div>
16
- {:else }
17
- <div class="card turnip-card" style={style}>
18
- <slot name="content" class="card" />
19
- </div>
20
- {/if}
21
-
22
- <style>
23
- .turnip-card {
24
- --tw-bg-opacity: 1;
25
- background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
26
- }
27
- :is(.dark .turnip-card) {
28
- --tw-bg-opacity: 1;
29
- background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
30
- }
31
- .turnip-card {
32
- margin: var(--turnip-card-margin);
33
- margin-bottom: var(--turnip-card-margin-bottom);
34
- border-radius: var(--theme-rounded-container);
35
- }
36
- </style>
10
+ </script>
11
+
12
+ {#if (includeDataNoSnippet)}
13
+ <div class="card turnip-card" style={style} data-no-snippet>
14
+ <slot name="content" class="card" />
15
+ </div>
16
+ {:else }
17
+ <div class="card turnip-card" style={style}>
18
+ <slot name="content" class="card" />
19
+ </div>
20
+ {/if}
21
+
22
+ <style>
23
+ .turnip-card {
24
+ --tw-bg-opacity: 1;
25
+ background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
26
+ }
27
+ :is(.dark .turnip-card) {
28
+ --tw-bg-opacity: 1;
29
+ background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
30
+ }
31
+ .turnip-card {
32
+ margin: var(--turnip-card-margin);
33
+ margin-bottom: var(--turnip-card-margin-bottom);
34
+ border-radius: var(--theme-rounded-container);
35
+ }
36
+ </style>
@@ -1,21 +1,21 @@
1
1
  <script>export let activeGameIndex;
2
2
  export let selfIndex;
3
3
  import { fly, slide, scale } from "svelte/transition";
4
- </script>
5
-
6
- {#if (activeGameIndex === selfIndex)}
7
- <!--todo: make section consistent size for all-->
8
- <section class="game-showcase"
9
- in:fly={{x: '100%'}} out:fly={{x: '-100%'}}>
10
- <slot/>
11
- </section>
12
- {/if}
13
-
14
- <style>
15
- .game-showcase {
16
- scroll-snap-align: center;
17
- border-radius: var(--theme-rounded-container);
18
- margin: auto;
4
+ </script>
5
+
6
+ {#if (activeGameIndex === selfIndex)}
7
+ <!--todo: make section consistent size for all-->
8
+ <section class="game-showcase"
9
+ in:fly={{x: '100%'}} out:fly={{x: '-100%'}}>
10
+ <slot/>
11
+ </section>
12
+ {/if}
13
+
14
+ <style>
15
+ .game-showcase {
16
+ scroll-snap-align: center;
17
+ border-radius: var(--theme-rounded-container);
18
+ margin: auto;
19
19
  width: 100%
20
- }
20
+ }
21
21
  </style>
@@ -1,12 +1,12 @@
1
- <span class="chip variant-filled-tertiary">
2
- <slot />
3
- </span>
4
-
5
- <style>
6
- .chip {
7
- border-radius: 1em;
8
- margin: 0.25em;
9
- font-weight: bold;
10
- pointer-events: none;
11
- }
12
- </style>
1
+ <span class="chip variant-filled-tertiary">
2
+ <slot />
3
+ </span>
4
+
5
+ <style>
6
+ .chip {
7
+ border-radius: 1em;
8
+ margin: 0.25em;
9
+ font-weight: bold;
10
+ pointer-events: none;
11
+ }
12
+ </style>
@@ -11,8 +11,8 @@ onMount(() => {
11
11
  );
12
12
  observer.observe(stickyElem);
13
13
  });
14
- </script>
15
-
16
- <span bind:this={stickyElem}>
17
- <slot/>
18
- </span>
14
+ </script>
15
+
16
+ <span bind:this={stickyElem}>
17
+ <slot/>
18
+ </span>