UnoCSS

UnoCSSを利用して、部分的にStyleカスタイマイズできます。

Bootstrapで指定できないStyleは、UnoCSSで指定できます。

現在は Windi CSS を Class 属性で指定する方法をサポートしています。

Theme 変数の値はBootstrap5との互換性のため調整されています。

Windiのオンラインドキュメントとは設定値や結果が異なる場合があります。

Windi CSS

`General`	Colors Typography SVG
`Accessibility`	Screen Readers
`Animations`	Animation Transforms Transitions
`Backgrounds`	Background Gradients Background Blend Mode
`Behaviors`	Box Decoration Break Image Rendering Listings Overflow Overscroll Behavior Placeholder
`Borders`	Border Divider Outline Ring
`Effects`	Box Shadow Opacity Mix Blend Mode
`Filters`	Filter Backdrop Filter
`Interactivity`	Accent Color Appearance Cursor Caret Pointer Events Resize Scroll Behavior Touch Action User Select Will Change
`Layout`	Columns Container Display Flexbox Grid Positioning Sizing Spacing Tables

`Screen Variants`	Mobile First Desktop First Only Screen Max-Width Breakpoints Raw Media Queries
`State Variants`	Pseudo Classes Pseudo Elements Parent Selectors Child Selectors Media Query
`Theme Variants`	Default Following System Following Application
`Orientation Variants`	Orientation Variants

un- プリフィックスを利用してUnoCSSを利用できます。

Element Content

vue

Custom Range プリフィックスを利用して特定の範囲のbreakpointを対象にCSSを適用できます。

Element Content

vue

vue

Access to advanced design techniques

vue