@shopify/shop-minis-react/src/styles/globals.css

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

/* Global styles and browser behavior */

/* Essential base styles */
@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}

/* Touch and selection styles */
html,
body {
  touch-action: manipulation;
}

html {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Disable text selection */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Re-enable text selection for input fields */
input,
textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* Disable image drag */
img,
.no-drag {
  -webkit-user-drag: none;
  user-drag: none;
}