{"id":19848212,"url":"https://github.com/starlederer/unocss-preset-mini-variants","last_synced_at":"2025-05-01T22:30:28.590Z","repository":{"id":65505803,"uuid":"593592321","full_name":"StarLederer/unocss-preset-mini-variants","owner":"StarLederer","description":"Variants from @unocss/preset-mini","archived":false,"fork":false,"pushed_at":"2023-08-20T14:25:07.000Z","size":70,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-14T12:55:23.714Z","etag":null,"topics":["unocss","unocss-preset","unocss-preset-mini","variants"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/unocss-preset-mini-variants","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StarLederer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2023-01-26T11:53:17.000Z","updated_at":"2023-12-01T08:56:01.000Z","dependencies_parsed_at":"2023-02-14T17:31:13.280Z","dependency_job_id":null,"html_url":"https://github.com/StarLederer/unocss-preset-mini-variants","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StarLederer%2Funocss-preset-mini-variants","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StarLederer%2Funocss-preset-mini-variants/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StarLederer%2Funocss-preset-mini-variants/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StarLederer%2Funocss-preset-mini-variants/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StarLederer","download_url":"https://codeload.github.com/StarLederer/unocss-preset-mini-variants/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251954658,"owners_count":21670845,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["unocss","unocss-preset","unocss-preset-mini","variants"],"created_at":"2024-11-12T13:16:36.148Z","updated_at":"2025-05-01T22:30:28.236Z","avatar_url":"https://github.com/StarLederer.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# unocss-preset-mini-variants\n\nVariants from [@unocss/preset-mini](https://github.com/unocss/unocss/tree/main/packages/preset-mini). This preset uses preset-mini and re-exports its vatiants and options. You might find that some options don't do anything anymore. This preset comes with no utilities and is meant to be used in combination with other presets.\n\nI hope this preset can simplify the development of other UnoCSS presets (e.g [Windblade](https://github.com/StarLederer/windblade)) by removing the need to reimplement the same variants every time.\n\n\u003e This preset inherits variatns and options from\n\u003e - [@unocss/preset-mini](https://github.com/unocss/unocss/tree/main/packages/preset-mini)\n\n## Installation\n\n```bash\nnpm i -D unocss-preset-mini-variants\n```\n\n```ts\nimport presetVariants from 'unocss-preset-mini-variants'\n\nUnoCSS({\n  presets: [\n    presetVariants(),\n  ],\n})\n```\n\n## Differences with @unocss/preset-mini\n\n### No preconfigured breakpoints\n\nThis preset does not have a default theme so no breakpopints are preconfigured. If you want to use breakpoints configure your theme like the following:\n\n```js\ntheme: {\n  // ...\n  breakpoints: {\n    'sm': '640px',\n    'md': '768px',\n    'lg': '1024px',\n    'xl': '1280px',\n    '2xl': '1536px',\n  }\n}\n```\n\nOr instead of breakpoints, try using intrinsic sizing (`min-inline-size`, `max-width`, [`minmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax), [`auto-fill`](https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/) etc.).\n\n\n## Experimental Features\n\nThis preset includes experimental feature that may be changed in breaking ways at any time.\n\n### Media Hover\n\nMedia hover addresses the [sticky hover](https://css-tricks.com/solving-sticky-hover-states-with-media-hover-hover/) problem where tapping target that includes hover style on mobile will persist that hover style until tapping elsewhere.\n\nSince the regular `:hover` style most probably used so widely, the variant uses `@hover` syntax to distinguish it from the regular `hover` pseudo.\n\nExample: `@hover-text-red`\n\nOutput:\n```css\n@media (hover: hover) and (pointer: fine) {\n  .\\@hover-text-red:hover {\n    --un-text-opacity: 1;\n    color: rgba(248, 113, 113, var(--un-text-opacity));\n  }\n}\n```\n\n## License\n\nMIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstarlederer%2Funocss-preset-mini-variants","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstarlederer%2Funocss-preset-mini-variants","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstarlederer%2Funocss-preset-mini-variants/lists"}