Skip to main content
Version: Next

Width

Control the width of an element. It will automatically generate width based on amount.

Fixed Width

Generate fixed with based on sytax used.

Example:

apply("w-125");

Output:

{
width: 125;
}

Responsive Width

Generate responsive width based on screen width resolution.

Example:

apply("w/50"); // 50% of screen width resolution

Output:

{
width: 157; // Output will depends on screen width resoultion
}

Percentage Width

Generate width based on parent width.

Example:

apply("w%50"); // 50% of parent width component

Output:

{
width: 157; // Output will depends on parent width component
}