@soybeanjs/unocss-preset

Unocss preset for Soybean

Installation

pnpm add -D @soybeanjs/unocss-preset

Usage

// uno.config.ts
import { defineConfig } from 'unocss';
import { presetSoybean } from '@soybeanjs/unocss-preset';

export default defineConfig({
  presets: [
    presetSoybean()
  ]
});

Shortcuts

Flex

| Shortcut | CSS | | --- | --- | | flex-center | flex justify-center items-center | | flex-x-center | flex justify-center | | flex-y-center | flex items-center | | flex-c | flex flex-col | | flex-c-center | flex-center flex-col | | flex-c-stretch | flex-c items-stretch | | i-flex-center | inline-flex justify-center items-center | | i-flex-x-center | inline-flex justify-center | | i-flex-y-center | inline-flex items-center | | i-flex-c | inline-flex flex-col | | i-flex-c-center | i-flex-center flex-col | | i-flex-c-stretch | i-flex-c items-stretch | | flex-1-hidden | flex-1 overflow-hidden |