gallery/app/globals.css

/**
 * What is left after the utility engine: the three things a style prop cannot
 * say. Everything else on this site is a gui prop.
 *
 * @hanzo/ui's own sheet arrives with <Hanzo> and carries the reset, the theme
 * and the tokens, so nothing here repeats them.
 */

/* No utility engine means no preflight, and a document's default 8px gutter. */
body {
  margin: 0;
}

/* Nor can a pseudo-element: this is the WebKit half of hiding a scrollbar,
   whose other half (`scrollbar-width`) rides as a style where it is used. */
[data-scrollbar='none']::-webkit-scrollbar {
  display: none;
}

/* A card's picture leans in while the pointer is over the CARD, so the
   selector has to start at the ancestor and reach the image. */
[data-zoom] {
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
:hover > [data-zoom],
:hover > * > [data-zoom] {
  transform: scale(1.1);
}