purgetss/dist/glossary/compoundClasses/widthHeight.md

A package that simplifies mobile app creation for Titanium developers.

```css
// Property(ies): width and height
// Component(s): Ti.UI.View, Ti.Blob, Ti.Media.VideoPlayer, MovieSize, Ti.UI.ActivityIndicator, Ti.UI.Android.CardView, Ti.UI.Android.DrawerLayout, Ti.UI.Android.SearchView, Ti.UI.Animation, Ti.UI.Button, Ti.UI.ButtonBar, Ti.UI.DashboardView, Dimension, DimensionWithAbsolutes, Ti.UI.ImageView, Ti.UI.Label, Ti.UI.ListView, Ti.UI.MaskedImage, Ti.UI.NavigationWindow, Ti.UI.OptionBar, Ti.UI.Picker, Ti.UI.PickerRow, Ti.UI.ProgressBar, Ti.UI.ScrollView, Ti.UI.ScrollableView, Ti.UI.SearchBar, Size, Ti.UI.Slider, Ti.UI.Switch, Ti.UI.TabbedBar, Ti.UI.TableView, Ti.UI.TableViewRow, Ti.UI.TextArea, Ti.UI.TextField, Ti.UI.Toolbar, Ti.UI.WebView, Ti.UI.Window, openWindowParams, Ti.UI.iOS.BlurView, Ti.UI.iOS.CoverFlowView, CoverFlowImageType, Ti.UI.iOS.LivePhotoView, Ti.UI.iOS.SplitWindow, Ti.UI.iOS.Stepper, BarItemType, Ti.UI.iPad.Popover
'.wh-0': { width: 0, height: 0 }
'.wh-1': { width: 4, height: 4 }
'.wh-2': { width: 8, height: 8 }
'.wh-3': { width: 12, height: 12 }
'.wh-4': { width: 16, height: 16 }
'.wh-5': { width: 20, height: 20 }
'.wh-6': { width: 24, height: 24 }
'.wh-7': { width: 28, height: 28 }
'.wh-8': { width: 32, height: 32 }
'.wh-9': { width: 36, height: 36 }
'.wh-10': { width: 40, height: 40 }
'.wh-11': { width: 44, height: 44 }
'.wh-12': { width: 48, height: 48 }
'.wh-14': { width: 56, height: 56 }
'.wh-16': { width: 64, height: 64 }
'.wh-20': { width: 80, height: 80 }
'.wh-24': { width: 96, height: 96 }
'.wh-28': { width: 112, height: 112 }
'.wh-32': { width: 128, height: 128 }
'.wh-36': { width: 144, height: 144 }
'.wh-40': { width: 160, height: 160 }
'.wh-44': { width: 176, height: 176 }
'.wh-48': { width: 192, height: 192 }
'.wh-52': { width: 208, height: 208 }
'.wh-56': { width: 224, height: 224 }
'.wh-60': { width: 240, height: 240 }
'.wh-64': { width: 256, height: 256 }
'.wh-72': { width: 288, height: 288 }
'.wh-80': { width: 320, height: 320 }
'.wh-96': { width: 384, height: 384 }
'.wh-auto': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
'.wh-px': { width: '1px', height: '1px' }
'.wh-0.5': { width: 2, height: 2 }
'.wh-1.5': { width: 6, height: 6 }
'.wh-2.5': { width: 10, height: 10 }
'.wh-3.5': { width: 14, height: 14 }
'.wh-1/2': { width: '50%', height: '50%' }
'.wh-1/3': { width: '33.333333%', height: '33.333333%' }
'.wh-2/3': { width: '66.666667%', height: '66.666667%' }
'.wh-1/4': { width: '25%', height: '25%' }
'.wh-2/4': { width: '50%', height: '50%' }
'.wh-3/4': { width: '75%', height: '75%' }
'.wh-1/5': { width: '20%', height: '20%' }
'.wh-2/5': { width: '40%', height: '40%' }
'.wh-3/5': { width: '60%', height: '60%' }
'.wh-4/5': { width: '80%', height: '80%' }
'.wh-1/6': { width: '16.666667%', height: '16.666667%' }
'.wh-2/6': { width: '33.333333%', height: '33.333333%' }
'.wh-3/6': { width: '50%', height: '50%' }
'.wh-4/6': { width: '66.666667%', height: '66.666667%' }
'.wh-5/6': { width: '83.333333%', height: '83.333333%' }
'.wh-1/12': { width: '8.333333%', height: '8.333333%' }
'.wh-2/12': { width: '16.666667%', height: '16.666667%' }
'.wh-3/12': { width: '25%', height: '25%' }
'.wh-4/12': { width: '33.333333%', height: '33.333333%' }
'.wh-5/12': { width: '41.666667%', height: '41.666667%' }
'.wh-6/12': { width: '50%', height: '50%' }
'.wh-7/12': { width: '58.333333%', height: '58.333333%' }
'.wh-8/12': { width: '66.666667%', height: '66.666667%' }
'.wh-9/12': { width: '75%', height: '75%' }
'.wh-10/12': { width: '83.333333%', height: '83.333333%' }
'.wh-11/12': { width: '91.666667%', height: '91.666667%' }
'.wh-full': { width: '100%', height: '100%' }
'.wh-screen': { width: Ti.UI.FILL, height: Ti.UI.FILL }
```