You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: README.md
+8-8
Original file line number
Diff line number
Diff line change
@@ -49,7 +49,7 @@ Folllowing code set a container and inside it a radial layout with three circles
49
49
<title>Zumer CSS Rocks!</title>
50
50
</head>
51
51
<body>
52
-
<divclass="docker">
52
+
<divclass="pod">
53
53
<divclass="orbit-2 orbiters-3">
54
54
<divclass="orbiter"></div>
55
55
<divclass="orbiter"></div>
@@ -64,11 +64,11 @@ Folllowing code set a container and inside it a radial layout with three circles
64
64
65
65
Basic documentation to understand and start with Zumer CSS.
66
66
67
-
### `docker`
67
+
### `pod`
68
68
69
-
The `docker` serves as the root element to scaffold Zumer. It encapsulates the entire Zumer framework and defines the boundaries for its usage. Multiple `docker` elements can coexist on the same page, allowing for modular and flexible implementation.
69
+
The `pod` serves as the root element to scaffold Zumer. It encapsulates the entire Zumer framework and defines the boundaries for its usage. Multiple `pod` elements can coexist on the same page, allowing for modular and flexible implementation.
70
70
71
-
At the `docker` 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 `docker` instance, ensuorbit consistency and flexibility across different sections of your application.
71
+
At the `pod` 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 `pod` instance, ensuorbit consistency and flexibility across different sections of your application.
72
72
73
73
### `orbit-*` (probably orbit)
74
74
@@ -93,7 +93,7 @@ With the `sector` class, you can customize properties such as width, gap, offset
93
93
By experimenting with different configurations, you can achieve a wide range of design aesthetics, whether you prefer a sleek and minimalistic look or a more intricate and expressive pattern.
94
94
95
95
```html
96
-
<divclass="docker">
96
+
<divclass="pod">
97
97
<divclass="orbit-1 orbiters-3">
98
98
<divclass="sector"></div>
99
99
<divclass="sector"></div>
@@ -144,7 +144,7 @@ The `progress` component works with orbits and is particularly useful for creati
144
144
145
145
```html
146
146
<divclass="orbit-1">
147
-
<divclass="z-progress"style="--progress: 75">
147
+
<divclass="progress"style="--progress: 75">
148
148
</div>
149
149
</div>
150
150
```
@@ -155,7 +155,7 @@ The `svg progress` component also works with orbits and serves the purpose of cr
155
155
156
156
```html
157
157
<divclass="orbit-3 ">
158
-
<svgclass="z-svg">
158
+
<svgclass="svg-pod">
159
159
<circleclass="svg-progress"style="--val: 59;" />
160
160
</svg>
161
161
</div>
@@ -167,7 +167,7 @@ The `svg markers` component, designed for orbits, allows for the creation of mar
0 commit comments