@filipgutica/ui 1.13.0 → 1.13.1

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/site.css +5 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@filipgutica/ui",
3
- "version": "1.13.0",
3
+ "version": "1.13.1",
4
4
  "description": "A compact Vue design system with Tailwind CSS and VS Code theme support",
5
5
  "type": "module",
6
6
  "sideEffects": [
package/src/site.css CHANGED
@@ -554,8 +554,10 @@
554
554
  font-size: var(--text-sm);
555
555
  }
556
556
  .fg-site-facts { font-family: var(--font-mono); }
557
- .fg-site-facts > div { display: flex; gap: var(--space-2); }
558
- .fg-site-facts dd { margin: 0; color: var(--color-text); }
557
+ /* A label and a long value, such as a repository path, wrap at large text sizes instead of
558
+ * widening the page. */
559
+ .fg-site-facts > div { display: flex; flex-wrap: wrap; column-gap: var(--space-2); }
560
+ .fg-site-facts dd { min-width: 0; margin: 0; color: var(--color-text); overflow-wrap: anywhere; }
559
561
  .fg-site-definitions {
560
562
  display: grid;
561
563
  grid-template-columns: 9rem minmax(0, 1fr);
@@ -718,7 +720,7 @@
718
720
  * moves a full target below the one before it, so their targets never overlap. */
719
721
  .fg-site-facts { row-gap: var(--space-2); }
720
722
  .fg-site-facts > div:has(a) ~ div:has(a) { margin-top: calc(var(--control-lg) - 1lh - var(--space-2)); }
721
- .fg-site-facts a { position: relative; display: inline-block; }
723
+ .fg-site-facts a { position: relative; display: inline-block; max-width: 100%; }
722
724
  .fg-site-facts a::after {
723
725
  content: '';
724
726
  position: absolute;