unocss
0.63.6
O mecanismo CSS Atomic instantâneo sob demanda.
Eu recomendo fortemente a leitura desta postagem do blog -
Reimagine CSS Atômico
para a história por trás
Documentação | Documentos interativos | Parque infantil | Tutorial
Inspirado em Windi CSS, Tailwind CSS e Twind, mas:
Totalmente personalizável - sem utilitários básicos. Todas as funcionalidades são fornecidas por meio de predefinições.
Sem análise, sem AST, sem digitalização, é INSTANTÂNEO (5x mais rápido que Windi CSS ou Tailwind JIT).
~ 6kb min + brotli - zero dependências e amigável ao navegador.
Atalhos - utilitários de alias, dinamicamente.
Modo de atribuição - agrupa utilitários em atributos.
Ícones CSS puros - use qualquer ícone como uma única classe.
Grupos de variantes - abreviatura para utilitários de grupo com prefixos comuns.
Diretivas CSS - reutilize utilitários em CSS com a diretiva @apply .
Modo de compilação - sintetiza várias classes em uma no momento da construção.
Inspetor - inspecione e depure interativamente.
Construção de tempo de execução CSS-in-JS - use UnoCSS com uma linha de importação de CDN.
Extensão do código VS
Divisão de código para CSS - fornece CSS mínimo para MPA.
Leia a documentação para mais detalhes.
Vite
Nuxt
Astro
Webpack
Tempo de execução do CDN
CLI
Extensão do código VS
Configuração ESLint
PósCSS
O UnoCSS é possível graças às inspirações dos seguintes projetos:
em ordem alfabética
ACSS
Utilitários de inicialização
Adereços de estilo Chakra UI
IU semântica
Táquions
CSS do vento favorável
Gêmeo
Windi CSS
Licença MIT © 2021-PRESENT Anthony Fu
