Width
The
width
property sets the width of an element.
Class
|
Properties
|
Lenghts
|
---|---|---|
width-10 |
width: 0.625rem |
10px |
width-20 |
width: 1.25rem |
20px |
width-30 |
width: 1.875rem |
30px |
width-40 |
width: 2.5rem |
40px |
width-50 |
width: 3.125rem |
50px |
width-60 |
width: 3.75rem |
60px |
width-70 |
width: 4.375rem |
70px |
width-80 |
width: 5rem |
80px |
width-100 |
width: 6.25rem |
100px |
width-160 |
width: 10rem |
160px |
width-240 |
width: 15rem |
240px |
width-280 |
width: 17.5rem |
280px |
width-320 |
width: 20rem |
320px |
width-400 |
width: 25rem |
400px |
width-480 |
width: 30rem |
480px |
width-560 |
width: 35rem |
560px |
width-640 |
width: 40rem |
640px |
width-720 |
width: 45rem |
720px |
width-800 |
width: 50rem |
800px |
width-1200 |
width: 75rem |
1200px |
width-1400 |
width: 87.5rem |
1400px |
width-1600 |
width: 100rem |
1600px |
full.width |
width: 100% |
100% |
.vw-100 |
width: 100vw |
100vw |
width-min-content |
min-content |
- |
width-max-content |
width: max-content |
- |
width-fit-content |
width: fit-content |
- |
utilities.scss API