Skip to content

Commit f410ea9

Browse files
committed
update
1 parent 002e8e8 commit f410ea9

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

README.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -59,17 +59,17 @@ Folllowing code set a container and inside it a radial layout with three circles
5959
</html>
6060
```
6161

62-
### Guide
62+
## Guide
6363

6464
Basic documentation to understand and start with Zumer CSS.
6565

66-
#### `z-container`
66+
### `z-container`
6767

6868
The `z-container` serves as the root element to scaffold Zumer. It encapsulates the entire Zumer framework and defines the boundaries for its usage. Multiple `z-container` elements can coexist on the same page, allowing for modular and flexible implementation.
6969

7070
At the `z-container` level, major CSS variables are defined, providing a centralized and customizable approach to styling and theming Zumer components. These variables can be easily modified within each `z-container` instance, ensuring consistency and flexibility across different sections of your application.
7171

72-
#### `ring-*` (probably orbit)
72+
### `ring-*` (probably orbit)
7373

7474
The `ring-*` classes act as guides for positioning other elements within the Zumer radial grid. Think of them as rows in the grid structure. They play an important role in organizing and aligning elements within the circular layout of Zumer.
7575

@@ -79,11 +79,11 @@ By leveraging the `ring-*` classes, you can easily position and arrange elements
7979

8080
It is possible to use multiple same level `ring-*` to stack differente elements.
8181

82-
#### `core`
82+
### `core`
8383

8484
The `core` class functions similarly to a regular ring but is placed at the center of the container. It is particularly useful for positioning radial elements such as watch or gauge needles.
8585

86-
#### `arc`
86+
### `arc`
8787

8888
If rings resemble rows, the `arc` class can be thought of as columns in the Zumer radial grid. An `arc` is a radial segment that serves as the background support for radial designs, but also may work standalone as buttons for instance. It offers customizable options, allowing you to fine-tune its appearance to suit your specific needs.
8989

@@ -106,7 +106,7 @@ In this example, three arcs are placed in a Ring. To draw three arcs that cover
106106
- Use the `offset-*` class to specify the starting angle of the arcs within the ring.
107107
- Employ the `arc-*` class to define the length of the ring arc covered by the arcs.
108108

109-
#### `item` (probably orbiter)
109+
### `item` (probably orbiter)
110110

111111
The `item` class is used to position and contain content within the Zumer radial grid. It offers various customization options, including different sizes (`xxs`, `xs`, `s`, `m`, `l`, `xl`, `xxl`), shapes (`line`, `circle`, `box`, `rounded`, `blob`), orbital position (`stationary`), and relative ring positions (`middle`, `upper`, `lower`).
112112

0 commit comments

Comments
 (0)