Skip to content

Commit 6fced2a

Browse files
committed
change names
1 parent c3bdb1b commit 6fced2a

30 files changed

+121
-124
lines changed

README.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ Folllowing code set a container and inside it a radial layout with three circles
4949
<title>Zumer CSS Rocks!</title>
5050
</head>
5151
<body>
52-
<div class="docker">
52+
<div class="pod">
5353
<div class="orbit-2 orbiters-3">
5454
<div class="orbiter"></div>
5555
<div class="orbiter"></div>
@@ -64,11 +64,11 @@ Folllowing code set a container and inside it a radial layout with three circles
6464

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

67-
### `docker`
67+
### `pod`
6868

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.
7070

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.
7272

7373
### `orbit-*` (probably orbit)
7474

@@ -93,7 +93,7 @@ With the `sector` class, you can customize properties such as width, gap, offset
9393
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.
9494

9595
```html
96-
<div class="docker">
96+
<div class="pod">
9797
<div class="orbit-1 orbiters-3">
9898
<div class="sector"></div>
9999
<div class="sector"></div>
@@ -144,7 +144,7 @@ The `progress` component works with orbits and is particularly useful for creati
144144

145145
```html
146146
<div class="orbit-1">
147-
<div class="z-progress" style="--progress: 75">
147+
<div class="progress" style="--progress: 75">
148148
</div>
149149
</div>
150150
```
@@ -155,7 +155,7 @@ The `svg progress` component also works with orbits and serves the purpose of cr
155155

156156
```html
157157
<div class="orbit-3 ">
158-
<svg class="z-svg">
158+
<svg class="svg-pod">
159159
<circle class="svg-progress" style="--val: 59;" />
160160
</svg>
161161
</div>
@@ -167,7 +167,7 @@ The `svg markers` component, designed for orbits, allows for the creation of mar
167167

168168
```html
169169
<div class="orbit-3 ">
170-
<svg class="z-svg">
170+
<svg class="svg-pod">
171171
<circle class="markers" />
172172
</svg>
173173
</div>

assets/css/index.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/index.min.css.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/zumer-ui.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/zumer-ui.min.css.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/zumer.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)