Skip to main content

Width

Sizing

Utilities for setting the width of an element.

ClassProperties
ob-w-autowidth: auto
ob-w-1-2width: 50%
ob-w-1-3width: 33.333333%
ob-w-2-3width: 66.666667%
ob-w-1-4width: 25%
ob-w-2-4width: 50%
ob-w-3-4width: 75%
ob-w-1-5width: 20%
ob-w-2-5width: 40%
ob-w-3-5width: 60%
ob-w-4-5width: 80%
ob-w-1-6width: 16.666667%
ob-w-2-6width: 33.333333%
ob-w-3-6width: 50%
ob-w-4-6width: 66.666667%
ob-w-5-6width: 83.333333%
ob-w-1-12width: 8.333333%
ob-w-2-12width: 16.666667%
ob-w-3-12width: 25%
ob-w-4-12width: 33.333333%
ob-w-5-12width: 41.666667%
ob-w-6-12width: 50%
ob-w-7-12width: 58.333333%
ob-w-8-12width: 66.666667%
ob-w-9-12width: 75%
ob-w-10-12width: 83.333333%
ob-w-11-12width: 91.666667%
ob-w-fullwidth: 100%
ob-w-screenwidth: 100vw
ob-w-minwidth: min-content
ob-w-maxwidth: max-content
ob-w-fitwidth: fit-content