tecitheme 0.0.15 → 0.0.16

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 (4) hide show
  1. package/components/Figure.svelte +3 -1
  2. package/components/SidebarContent.svelte +1 -1
  3. package/components/ThreeColumn.svelte +2 -2
  4. package/package.json +1 -1
package/components/Figure.svelte CHANGED
@@ -6,7 +6,9 @@
6
6
 
7
7
  <section class="flex justify-center not-prose mb-8">
8
8
  <figure class="bg-white w-auto mx-auto shadow-lg border border-slate-100 p-2">
9
- <img class="w-full" src={image} alt={title} title={title}>
9
+ <a href={image}>
10
+ <img class="w-full" src={image} alt={title} title={title}>
11
+ </a>
10
12
  {#if caption}
11
13
  <figcaption class="text-center p-2">{@html caption}</figcaption>
12
14
  {/if}
package/components/SidebarContent.svelte CHANGED
@@ -35,7 +35,7 @@
35
35
  <div class="sticky top-8 shrink-0 flex flex-col">
36
36
  <button on:click={() => {tocOpen = !tocOpen;}}
37
37
  class="md:hidden absolute -left-10 w-10 h-10 flex items-center justify-center border border-teci-blue-light text-teci-blue-light bg-white
38
- {tocOpen ? 'border-opacity-100 bg-opacity-100 text-opacity-100' : 'border-opacity-20 bg-opacity-20 text-opacity-20'}"
38
+ {tocOpen ? 'border-opacity-100 bg-opacity-100 text-opacity-100' : 'border-opacity-60 bg-opacity-20 text-opacity-60 hover:border-opacity-100 hover:bg-opacity-100 hover:text-opacity-100'}"
39
39
  title="Table of Contents Toggle" alt="Table of Contents Toggle"
40
40
  >
41
41
  <span class="material-icons-outlined">menu_open</span>
package/components/ThreeColumn.svelte CHANGED
@@ -42,14 +42,14 @@
42
42
  <!-- This example requires Tailwind CSS v2.0+ -->
43
43
  <div class="w-full mx-auto">
44
44
  <h2 class="sr-only">{title}</h2>
45
- <dl class="space-y-10 sm:grid sm:grid-cols-2 sm:gap-8 sm:space-y-0 lg:grid-cols-3">
45
+ <dl class="space-y-10 sm:grid sm:grid-cols-2 sm:gap-8 sm:space-y-0 md:grid-cols-3">
46
46
  {#each data as col}
47
47
  <div>
48
48
  <a href={col.linkURL}>
49
49
  <div class="space-y-4">
50
50
  {#if col.image}
51
51
  <div class="w-full aspect-square bg-slate-100">
52
- <img class="w-full aspect-square object-cover shadow-md border border-gray-200" src={col.image} alt="" />
52
+ <img class="w-full aspect-square object-cover shadow-md border border-gray-200" src={col.image} title={col.heading} alt={col.heading} />
53
53
  </div>
54
54
  {/if}
55
55
  <div class="flex flex-row items-start space-x-4">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tecitheme",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "svelte": true,
5
5
  "devDependencies": {
6
6
  "@jsdevtools/rehype-toc": "^3.0.2",