Add active states to links

src/focal/PhotoFocalLength.tsx

@@ -18,7 +18,7 @@ export default function PhotoFocalLength({
       {...props}
       label={formatFocalLength(focal)}
       href={pathForFocalLength(focal)}
-      icon={<IconFocalLength />}
+      icon={<IconFocalLength className="translate-y-[-1px]" />}
       hoverEntity={countOnHover}
     />
   );

tailwind.css

@@ -329,6 +329,7 @@
   a, .link {
     @apply
       hover:text-medium
+      active:text-dim
   }
 }