Width

Class	Properties
t.wAuto	width: 'auto'
t.wPx	width: 1
t.w0	width: 0
t.w1	width: 4
t.w2	width: 8
t.w3	width: 12
t.w4	width: 16
t.w5	width: 20
t.w6	width: 24
t.w8	width: 32
t.w10	width: 40
t.w12	width: 48
t.w16	width: 64
t.w20	width: 80
t.w24	width: 96
t.w32	width: 128
t.w40	width: 160
t.w48	width: 192
t.w56	width: 224
t.w64	width: 256
t.w1_2	width: '50%'
t.w1_3	width: '33.333333%'
t.w2_3	width: '66.666667%'
t.w1_4	width: '25%'
t.w2_4	width: '50%'
t.w3_4	width: '75%'
t.w1_5	width: '20%'
t.w2_5	width: '40%'
t.w3_5	width: '60%'
t.w4_5	width: '80%'
t.w1_6	width: '16.666667%'
t.w2_6	width: '33.333333%'
t.w3_6	width: '50%'
t.w4_6	width: '66.666667%'
t.w5_6	width: '83.333333%'
t.w1_12	width: '8.333333%'
t.w2_12	width: '16.666667%'
t.w3_12	width: '25%'
t.w4_12	width: '33.333333%'
t.w5_12	width: '41.666667%'
t.w6_12	width: '50%'
t.w7_12	width: '58.333333%'
t.w8_12	width: '66.666667%'
t.w9_12	width: '75%'
t.w10_12	width: '83.333333%'
t.w11_12	width: '91.666667%'
t.wFull	width: '100%'
t.wScreen	width: '100vw'

Auto

Use t.wAuto to let the browser calculate and select the width for the element.

t.wAuto on block element

t.wAuto on inline-block element

Screen Width

Use t.wScreen to make an element span the entire width of the viewport.

Fixed Width

Use t.w{number} or t.wPx to set an element to a fixed width.

t.w0

t.wPx

t.w1

t.w2

t.w3

t.w4

t.w5

t.w6

t.w8

t.w10

t.w12

t.w16

t.w20

t.w24

t.w32

t.w40

t.w48

t.w56

t.w64

Fluid Width

Use t.w{fraction} or t.wFull to set an element to a percentage based width.

t.w1_2

t.w1_2

t.w2_5

t.w3_5

t.w1_3

t.w2_3

t.w1_4

t.w3_4

t.w1_5

t.w4_5

t.w1_6

t.w5_6

t.wFull