Docs

The legend style component is primarily used as a small decorative image and can be placed in any component or module. It includes rep=disk, rep=cube, and rep=image.

The poster component defines a cover image for post lists and card lists. It is purely styled with CSS.

Increase or decrease the font size, line height, and margin sizes of the page using the num-step and fs-root variables

A scrollable container (scroller) is used to display content that is too wide or tall by enabling scrolling. It supports both horizontal and vertical scrolling.

Atomic processing of display properties; alignment is divided into two main categories: inline element alignment (left/center/right) and flex child element alignment; parent alignment can be independently configured using _a[-*] classes.

Direction refers to the writing direction. Latin and Chinese scripts are written left-to-right (LTR), while Arabic and Hebrew are written right-to-left (RTL), often requiring RTL configuration.

Web content needs to be contained within a defined area called an outer container. This container wraps all content and enables responsive scaling. Users can easily achieve cross-device responsiveness by simply adding a wrap container. The container ...

Displays the CSS animations integrated in this framework, including transition animations and keyframe animations, which can meet daily usage needs.

Flexible layout, also known as flex layout, is the mainstream layout method for web pages today. It solves the collapse issue of float layouts and the 4px gap problem of inline-block elements. Most importantly, flex layout is inherently suitable for ...

The grid layout system can replace traditional table layouts; it can simulate tables for data display while also mimicking flexbox for multi-column layouts. This framework primarily uses flexbox and grid layouts.