Width
Width Scales
It is Very Easy to Customize and it uses in website apllication.
.wpx-200
.wpx-150
.wpx-100
.wpx-80
| Smaller Width | Value |
|---|---|
.wpx-[value] |
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| Regular Width | Value |
|---|---|
.wpx-[value] |
15 | 20 | 25 | 30 | ... | 100 (step of 5) |
| Bigger Width | Value |
|---|---|
.wpx-[value] |
150 | 200 | 250 | 300 | ... | 1000 (step of 50) |
Percentage width
It is Very Easy to Customize and it uses in website apllication.
| Class | Value |
|---|---|
.wp-[value] |
10 | 20 | 30 | 40 | ... | 100 (step of 10) |
Media Query Width
It is Very Easy to Customize and it uses in website apllication.
| Class | Value |
|---|---|
.wd-[size]-[value] |
size: xs | sm | md | lg | xl value: the width value (refer to code above) |
.wd-[size]-[value]p |
Extra Width Classes
It is Very Easy to Customize and it uses in website apllication.
| Class | Description |
|---|---|
.wv-100 |
Set a width to an element based on viewport width. |
.w-auto |
Set an auto width to an element. |
