diff --git a/package.json b/package.json index a5ad7221..d85144ab 100644 --- a/package.json +++ b/package.json @@ -34,12 +34,11 @@ "lint:write": "eslint src --ext .ts,.tsx --fix", "format:check": "prettier --check src", "format:write": "prettier --write src", - "build": "npm run clean && npm run build:rollup && npm run build:tailwind:scoped", + "build": "npm run clean && npm run build:rollup && npm run build:tailwind", "build:rollup": "NODE_ENV=production rollup -c", "build:icons": "svgr -- assets/icons", "build:storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook build", - "build:tailwind": "NODE_ENV=production npx tailwindcss -o ./dist/styles/index.css --minify", - "build:tailwind:scoped": "NODE_ENV=production npx tailwindcss -i ./src/styles/styles.scoped.css -o ./dist/styles/hailstorm.scoped.css --postcss -m" + "build:tailwind": "NODE_ENV=production npx tailwindcss -o ./dist/styles/index.css --minify" }, "dependencies": { "@headlessui/react": "^2.1.2", diff --git a/src/styles/styles.scoped.css b/src/styles/styles.scoped.css deleted file mode 100644 index 7159a954..00000000 --- a/src/styles/styles.scoped.css +++ /dev/null @@ -1,62 +0,0 @@ -.tw-root { - @tailwind base; - @tailwind components; - @tailwind utilities; - - .headline-900 { - @apply font-display text-3xl font-bold; - } - - .headline-800 { - @apply font-display text-2xl font-medium; - } - - .headline-700 { - @apply font-display text-xl font-medium; - } - - .headline-600 { - @apply font-display text-lg font-medium; - } - - .headline-500 { - @apply font-display text-base font-medium; - } - - .headline-400 { - @apply font-sans text-sm font-medium; - } - - .headline-300 { - @apply font-sans text-xs font-medium; - } - - .headline-200 { - @apply font-sans text-xs font-semibold; - } - - .headline-100 { - @apply font-sans text-xs font-medium; - } - - .paragraph-300 { - @apply font-sans text-base font-normal; - } - - .paragraph-200 { - @apply font-sans text-sm font-normal; - } - - .paragraph-100 { - @apply font-sans text-xs font-normal; - } - - .inline-link { - @apply text-primary-500 underline hover:text-primary-700; - } - - /* Tailwind checkbox needs it to change styles of the check */ - [type="checkbox"]:disabled:checked { - background-image: url('data:image/svg+xml,'); - } -}