import {Meta} from '@storybook/addon-docs/blocks'

<Meta title='@dxtmisha/vi/scripts/Classes/StylesToRoot - Trình tạo khối At-Root'/>

# Lớp StylesToRoot

Lớp `StylesToRoot` được sử dụng để bao bọc một khối các quy tắc lồng nhau bên trong một chỉ thị CSS `@at-root`. Điều này hữu ích cho việc đưa các quy tắc ra khỏi phạm vi hiện tại của chúng vào gốc của bảng kiểu.

## Các tính năng chính

- **Bao bọc At-Root** — Tự động bao bọc nội dung được tạo bên trong một khối `@at-root`.
- **Bao gồm Selector động** — Thêm tên thuộc tính (đóng vai trò là phần mở rộng của selector) vào chỉ thị `@at-root`.
- **Quản lý thụt lề** — Xử lý thụt lề khối tiêu chuẩn và các dòng trống dẫn đầu.

## Khởi tạo

Khởi tạo trình chuyển đổi `StylesToRoot` với thuộc tính bắt buộc và hàm gọi nội dung.

**Tham số:**
- `property: PropertyItemsItem` — nhánh hiện tại của cây thuộc tính đang được xử lý.
- `space: string` — chuỗi thụt lề.
- `content?: () => string[]` — một hàm có thể gọi trả về một mảng các chuỗi đại diện cho các quy tắc style nội bộ.
- `first?: boolean` — cho biết đây có phải là phần tử đầu tiên hay không (tùy chọn).

```typescript
import { StylesToRoot } from '@dxtmisha/scripts'

const converter = new StylesToRoot(property, '  ', contentCallable)
const result = converter.make()
```

## Các phương thức

### Điều khiển

- `make(): string[]` — Điểm bắt đầu chính. Điều phối quá trình bao bọc nội dung trong cấu trúc `@at-root`.
