Skip to content

Instantly share code, notes, and snippets.

@nmn

nmn/utilities.stylex.ts

Created December 12, 2023 09:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nmn/b98c21fbf3ee02c35319940b14030f62 to your computer and use it in GitHub Desktop.
Save nmn/b98c21fbf3ee02c35319940b14030f62 to your computer and use it in GitHub Desktop.
Download ZIP
Tailwind Utilities in StyleX
Raw
utilities.stylex.ts
import * as stylex from '@stylexjs/stylex'
export default stylex.create({
sr_only: {
position: 'absolute',
width: 1,
height: 1,
padding: 0,
margin: -1,
overflow: 'hidden',
clip: 'rect(0, 0, 0, 0)',
whiteSpace: 'nowrap',
borderWidth: 0
},
not_sr_only: {
position: 'static',
width: 'auto',
height: 'auto',
padding: 0,
margin: 0,
overflow: 'visible',
clip: 'auto',
whiteSpace: 'normal'
},
sr_show_on_focus: {
position: {':focus': 'static', default: 'absolute'},
width: {':focus': 'auto', default: 1},
height: {':focus': 'auto', default: 1},
padding: 0,
borderWidth: 0,
margin: {':focus': 0, default: -1},
overflow: {':focus': 'visible', default: 'hidden'},
clip: {default: 'rect(0, 0, 0, 0)'},
whiteSpace: {':focus': 'normal', default: 'nowrap'},
},
pointer_events_none: { pointerEvents: 'none' },
pointer_events_auto: { pointerEvents: 'auto' },
pointer_events_all: { pointerEvents: 'all' },
visible: { visibility: 'visible' },
invisible: { visibility: 'hidden' },
static: { position: 'static' },
relative: { position: 'relative' },
absolute: { position: 'absolute' },
fixed: { position: 'fixed' },
sticky: { position: 'sticky' },
inset_0: { inset: 0 },
inset_1: { inset: '0.25rem' },
inset_2: { inset: '0.5rem' },
inset_3: { inset: '0.75rem' },
inset_4: { inset: '1rem' },
inset_5: { inset: '1.25rem' },
inset_6: { inset: '1.5rem' },
inset_7: { inset: '1.75rem' },
inset_8: { inset: '2rem' },
inset_9: { inset: '2.25rem' },
inset_10: { inset: '2.5rem' },
inset_11: { inset: '2.75rem' },
inset_12: { inset: '3rem' },
inset_14: { inset: '3.5rem' },
inset_16: { inset: '4rem' },
inset_20: { inset: '5rem' },
inset_24: { inset: '6rem' },
inset_28: { inset: '7rem' },
inset_32: { inset: '8rem' },
inset_36: { inset: '9rem' },
inset_40: { inset: '10rem' },
inset_44: { inset: '11rem' },
inset_48: { inset: '12rem' },
inset_52: { inset: '13rem' },
inset_56: { inset: '14rem' },
inset_60: { inset: '15rem' },
inset_64: { inset: '16rem' },
inset_72: { inset: '18rem' },
inset_80: { inset: '20rem' },
inset_96: { inset: '24rem' },
inset_auto: { inset: 'auto' },
inset_px: { inset: '1px' },
'inset 0.5': { inset: '0.125rem' },
'inset 1.5': { inset: '0.375rem' },
'inset 2.5': { inset: '0.625rem' },
'inset 3.5': { inset: '0.875rem' },
'inset -1': { inset: '-0.25rem' },
'inset -2': { inset: '-0.5rem' },
'inset -3': { inset: '-0.75rem' },
'inset -4': { inset: '-1rem' },
'inset -5': { inset: '-1.25rem' },
'inset -6': { inset: '-1.5rem' },
'inset -7': { inset: '-1.75rem' },
'inset -8': { inset: '-2rem' },
'inset -9': { inset: '-2.25rem' },
'inset -10': { inset: '-2.5rem' },
'inset -11': { inset: '-2.75rem' },
'inset -12': { inset: '-3rem' },
'inset -14': { inset: '-3.5rem' },
'inset -16': { inset: '-4rem' },
'inset -20': { inset: '-5rem' },
'inset -24': { inset: '-6rem' },
'inset -28': { inset: '-7rem' },
'inset -32': { inset: '-8rem' },
'inset -36': { inset: '-9rem' },
'inset -40': { inset: '-10rem' },
'inset -44': { inset: '-11rem' },
'inset -48': { inset: '-12rem' },
'inset -52': { inset: '-13rem' },
'inset -56': { inset: '-14rem' },
'inset -60': { inset: '-15rem' },
'inset -64': { inset: '-16rem' },
'inset -72': { inset: '-18rem' },
'inset -80': { inset: '-20rem' },
'inset -96': { inset: '-24rem' },
'inset -px': { inset: '-1px' },
'inset -0.5': { inset: '-0.125rem' },
'inset -1.5': { inset: '-0.375rem' },
'inset -2.5': { inset: '-0.625rem' },
'inset -3.5': { inset: '-0.875rem' },
'inset 1/2': { inset: '50%' },
'inset 1/3': { inset: '33.333333%' },
'inset 2/3': { inset: '66.666667%' },
'inset 1/4': { inset: '25%' },
'inset 2/4': { inset: '50%' },
'inset 3/4': { inset: '75%' },
inset_full: { inset: '100%' },
'inset -1/2': { inset: '-50%' },
'inset -1/3': { inset: '-33.333333%' },
'inset -2/3': { inset: '-66.666667%' },
'inset -1/4': { inset: '-25%' },
'inset -2/4': { inset: '-50%' },
'inset -3/4': { inset: '-75%' },
'inset -full': { inset: '-100%' },
inset_x_0: { insetInline: 0 },
inset_x_1: { insetInline: '0.25rem' },
inset_x_2: { insetInline: '0.5rem' },
inset_x_3: { insetInline: '0.75rem' },
inset_x_4: { insetInline: '1rem' },
inset_x_5: { insetInline: '1.25rem' },
inset_x_6: { insetInline: '1.5rem' },
inset_x_7: { insetInline: '1.75rem' },
inset_x_8: { insetInline: '2rem' },
inset_x_9: { insetInline: '2.25rem' },
inset_x_10: { insetInline: '2.5rem' },
inset_x_11: { insetInline: '2.75rem' },
inset_x_12: { insetInline: '3rem' },
inset_x_14: { insetInline: '3.5rem' },
inset_x_16: { insetInline: '4rem' },
inset_x_20: { insetInline: '5rem' },
inset_x_24: { insetInline: '6rem' },
inset_x_28: { insetInline: '7rem' },
inset_x_32: { insetInline: '8rem' },
inset_x_36: { insetInline: '9rem' },
inset_x_40: { insetInline: '10rem' },
inset_x_44: { insetInline: '11rem' },
inset_x_48: { insetInline: '12rem' },
inset_x_52: { insetInline: '13rem' },
inset_x_56: { insetInline: '14rem' },
inset_x_60: { insetInline: '15rem' },
inset_x_64: { insetInline: '16rem' },
inset_x_72: { insetInline: '18rem' },
inset_x_80: { insetInline: '20rem' },
inset_x_96: { insetInline: '24rem' },
inset_x_auto: { insetInline: 'auto' },
inset_x_px: { insetInline: '1px' },
'inset_x 0.5': { insetInline: '0.125rem' },
'inset_x 1.5': { insetInline: '0.375rem' },
'inset_x 2.5': { insetInline: '0.625rem' },
'inset_x 3.5': { insetInline: '0.875rem' },
'inset_x -1': { insetInline: '-0.25rem' },
'inset_x -2': { insetInline: '-0.5rem' },
'inset_x -3': { insetInline: '-0.75rem' },
'inset_x -4': { insetInline: '-1rem' },
'inset_x -5': { insetInline: '-1.25rem' },
'inset_x -6': { insetInline: '-1.5rem' },
'inset_x -7': { insetInline: '-1.75rem' },
'inset_x -8': { insetInline: '-2rem' },
'inset_x -9': { insetInline: '-2.25rem' },
'inset_x -10': { insetInline: '-2.5rem' },
'inset_x -11': { insetInline: '-2.75rem' },
'inset_x -12': { insetInline: '-3rem' },
'inset_x -14': { insetInline: '-3.5rem' },
'inset_x -16': { insetInline: '-4rem' },
'inset_x -20': { insetInline: '-5rem' },
'inset_x -24': { insetInline: '-6rem' },
'inset_x -28': { insetInline: '-7rem' },
'inset_x -32': { insetInline: '-8rem' },
'inset_x -36': { insetInline: '-9rem' },
'inset_x -40': { insetInline: '-10rem' },
'inset_x -44': { insetInline: '-11rem' },
'inset_x -48': { insetInline: '-12rem' },
'inset_x -52': { insetInline: '-13rem' },
'inset_x -56': { insetInline: '-14rem' },
'inset_x -60': { insetInline: '-15rem' },
'inset_x -64': { insetInline: '-16rem' },
'inset_x -72': { insetInline: '-18rem' },
'inset_x -80': { insetInline: '-20rem' },
'inset_x -96': { insetInline: '-24rem' },
'inset_x -px': { insetInline: '-1px' },
'inset_x -0.5': { insetInline: '-0.125rem' },
'inset_x -1.5': { insetInline: '-0.375rem' },
'inset_x -2.5': { insetInline: '-0.625rem' },
'inset_x -3.5': { insetInline: '-0.875rem' },
'inset_x 1/2': { insetInline: '50%' },
'inset_x 1/3': { insetInline: '33.333333%' },
'inset_x 2/3': { insetInline: '66.666667%' },
'inset_x 1/4': { insetInline: '25%' },
'inset_x 2/4': { insetInline: '50%' },
'inset_x 3/4': { insetInline: '75%' },
inset_x_full: { insetInline: '100%' },
'inset_x -1/2': { insetInline: '-50%' },
'inset_x -1/3': { insetInline: '-33.333333%' },
'inset_x -2/3': { insetInline: '-66.666667%' },
'inset_x -1/4': { insetInline: '-25%' },
'inset_x -2/4': { insetInline: '-50%' },
'inset_x -3/4': { insetInline: '-75%' },
'inset_x -full': { insetInline: '-100%' },
inset_y_0: { insetBlock: 0 },
inset_y_1: { insetBlock: '0.25rem' },
inset_y_2: { insetBlock: '0.5rem' },
inset_y_3: { insetBlock: '0.75rem' },
inset_y_4: { insetBlock: '1rem' },
inset_y_5: { insetBlock: '1.25rem' },
inset_y_6: { insetBlock: '1.5rem' },
inset_y_7: { insetBlock: '1.75rem' },
inset_y_8: { insetBlock: '2rem' },
inset_y_9: { insetBlock: '2.25rem' },
inset_y_10: { insetBlock: '2.5rem' },
inset_y_11: { insetBlock: '2.75rem' },
inset_y_12: { insetBlock: '3rem' },
inset_y_14: { insetBlock: '3.5rem' },
inset_y_16: { insetBlock: '4rem' },
inset_y_20: { insetBlock: '5rem' },
inset_y_24: { insetBlock: '6rem' },
inset_y_28: { insetBlock: '7rem' },
inset_y_32: { insetBlock: '8rem' },
inset_y_36: { insetBlock: '9rem' },
inset_y_40: { insetBlock: '10rem' },
inset_y_44: { insetBlock: '11rem' },
inset_y_48: { insetBlock: '12rem' },
inset_y_52: { insetBlock: '13rem' },
inset_y_56: { insetBlock: '14rem' },
inset_y_60: { insetBlock: '15rem' },
inset_y_64: { insetBlock: '16rem' },
inset_y_72: { insetBlock: '18rem' },
inset_y_80: { insetBlock: '20rem' },
inset_y_96: { insetBlock: '24rem' },
inset_y_auto: { insetBlock: 'auto' },
inset_y_px: { insetBlock: '1px' },
'inset_y 0.5': { insetBlock: '0.125rem' },
'inset_y 1.5': { insetBlock: '0.375rem' },
'inset_y 2.5': { insetBlock: '0.625rem' },
'inset_y 3.5': { insetBlock: '0.875rem' },
'inset_y -1': { insetBlock: '-0.25rem' },
'inset_y -2': { insetBlock: '-0.5rem' },
'inset_y -3': { insetBlock: '-0.75rem' },
'inset_y -4': { insetBlock: '-1rem' },
'inset_y -5': { insetBlock: '-1.25rem' },
'inset_y -6': { insetBlock: '-1.5rem' },
'inset_y -7': { insetBlock: '-1.75rem' },
'inset_y -8': { insetBlock: '-2rem' },
'inset_y -9': { insetBlock: '-2.25rem' },
'inset_y -10': { insetBlock: '-2.5rem' },
'inset_y -11': { insetBlock: '-2.75rem' },
'inset_y -12': { insetBlock: '-3rem' },
'inset_y -14': { insetBlock: '-3.5rem' },
'inset_y -16': { insetBlock: '-4rem' },
'inset_y -20': { insetBlock: '-5rem' },
'inset_y -24': { insetBlock: '-6rem' },
'inset_y -28': { insetBlock: '-7rem' },
'inset_y -32': { insetBlock: '-8rem' },
'inset_y -36': { insetBlock: '-9rem' },
'inset_y -40': { insetBlock: '-10rem' },
'inset_y -44': { insetBlock: '-11rem' },
'inset_y -48': { insetBlock: '-12rem' },
'inset_y -52': { insetBlock: '-13rem' },
'inset_y -56': { insetBlock: '-14rem' },
'inset_y -60': { insetBlock: '-15rem' },
'inset_y -64': { insetBlock: '-16rem' },
'inset_y -72': { insetBlock: '-18rem' },
'inset_y -80': { insetBlock: '-20rem' },
'inset_y -96': { insetBlock: '-24rem' },
'inset_y -px': { insetBlock: '-1px' },
'inset_y -0.5': { insetBlock: '-0.125rem' },
'inset_y -1.5': { insetBlock: '-0.375rem' },
'inset_y -2.5': { insetBlock: '-0.625rem' },
'inset_y -3.5': { insetBlock: '-0.875rem' },
'inset_y 1/2': { insetBlock: '50%' },
'inset_y 1/3': { insetBlock: '33.333333%' },
'inset_y 2/3': { insetBlock: '66.666667%' },
'inset_y 1/4': { insetBlock: '25%' },
'inset_y 2/4': { insetBlock: '50%' },
'inset_y 3/4': { insetBlock: '75%' },
inset_y_full: { insetBlock: '100%' },
'inset_y -1/2': { insetBlock: '-50%' },
'inset_y -1/3': { insetBlock: '-33.333333%' },
'inset_y -2/3': { insetBlock: '-66.666667%' },
'inset_y -1/4': { insetBlock: '-25%' },
'inset_y -2/4': { insetBlock: '-50%' },
'inset_y -3/4': { insetBlock: '-75%' },
'inset_y -full': { insetBlock: '-100%' },
top_0: { top: 0 },
top_1: { top: '0.25rem' },
top_2: { top: '0.5rem' },
top_3: { top: '0.75rem' },
top_4: { top: '1rem' },
top_5: { top: '1.25rem' },
top_6: { top: '1.5rem' },
top_7: { top: '1.75rem' },
top_8: { top: '2rem' },
top_9: { top: '2.25rem' },
top_10: { top: '2.5rem' },
top_11: { top: '2.75rem' },
top_12: { top: '3rem' },
top_14: { top: '3.5rem' },
top_16: { top: '4rem' },
top_20: { top: '5rem' },
top_24: { top: '6rem' },
top_28: { top: '7rem' },
top_32: { top: '8rem' },
top_36: { top: '9rem' },
top_40: { top: '10rem' },
top_44: { top: '11rem' },
top_48: { top: '12rem' },
top_52: { top: '13rem' },
top_56: { top: '14rem' },
top_60: { top: '15rem' },
top_64: { top: '16rem' },
top_72: { top: '18rem' },
top_80: { top: '20rem' },
top_96: { top: '24rem' },
top_auto: { top: 'auto' },
top_px: { top: '1px' },
'top 0.5': { top: '0.125rem' },
'top 1.5': { top: '0.375rem' },
'top 2.5': { top: '0.625rem' },
'top 3.5': { top: '0.875rem' },
'top -1': { top: '-0.25rem' },
'top -2': { top: '-0.5rem' },
'top -3': { top: '-0.75rem' },
'top -4': { top: '-1rem' },
'top -5': { top: '-1.25rem' },
'top -6': { top: '-1.5rem' },
'top -7': { top: '-1.75rem' },
'top -8': { top: '-2rem' },
'top -9': { top: '-2.25rem' },
'top -10': { top: '-2.5rem' },
'top -11': { top: '-2.75rem' },
'top -12': { top: '-3rem' },
'top -14': { top: '-3.5rem' },
'top -16': { top: '-4rem' },
'top -20': { top: '-5rem' },
'top -24': { top: '-6rem' },
'top -28': { top: '-7rem' },
'top -32': { top: '-8rem' },
'top -36': { top: '-9rem' },
'top -40': { top: '-10rem' },
'top -44': { top: '-11rem' },
'top -48': { top: '-12rem' },
'top -52': { top: '-13rem' },
'top -56': { top: '-14rem' },
'top -60': { top: '-15rem' },
'top -64': { top: '-16rem' },
'top -72': { top: '-18rem' },
'top -80': { top: '-20rem' },
'top -96': { top: '-24rem' },
'top -px': { top: '-1px' },
'top -0.5': { top: '-0.125rem' },
'top -1.5': { top: '-0.375rem' },
'top -2.5': { top: '-0.625rem' },
'top -3.5': { top: '-0.875rem' },
'top 1/2': { top: '50%' },
'top 1/3': { top: '33.333333%' },
'top 2/3': { top: '66.666667%' },
'top 1/4': { top: '25%' },
'top 2/4': { top: '50%' },
'top 3/4': { top: '75%' },
top_full: { top: '100%' },
'top -1/2': { top: '-50%' },
'top -1/3': { top: '-33.333333%' },
'top -2/3': { top: '-66.666667%' },
'top -1/4': { top: '-25%' },
'top -2/4': { top: '-50%' },
'top -3/4': { top: '-75%' },
'top -full': { top: '-100%' },
right_0: { right: 0 },
right_1: { right: '0.25rem' },
right_2: { right: '0.5rem' },
right_3: { right: '0.75rem' },
right_4: { right: '1rem' },
right_5: { right: '1.25rem' },
right_6: { right: '1.5rem' },
right_7: { right: '1.75rem' },
right_8: { right: '2rem' },
right_9: { right: '2.25rem' },
right_10: { right: '2.5rem' },
right_11: { right: '2.75rem' },
right_12: { right: '3rem' },
right_14: { right: '3.5rem' },
right_16: { right: '4rem' },
right_20: { right: '5rem' },
right_24: { right: '6rem' },
right_28: { right: '7rem' },
right_32: { right: '8rem' },
right_36: { right: '9rem' },
right_40: { right: '10rem' },
right_44: { right: '11rem' },
right_48: { right: '12rem' },
right_52: { right: '13rem' },
right_56: { right: '14rem' },
right_60: { right: '15rem' },
right_64: { right: '16rem' },
right_72: { right: '18rem' },
right_80: { right: '20rem' },
right_96: { right: '24rem' },
right_auto: { right: 'auto' },
right_px: { right: '1px' },
'right 0.5': { right: '0.125rem' },
'right 1.5': { right: '0.375rem' },
'right 2.5': { right: '0.625rem' },
'right 3.5': { right: '0.875rem' },
'right -1': { right: '-0.25rem' },
'right -2': { right: '-0.5rem' },
'right -3': { right: '-0.75rem' },
'right -4': { right: '-1rem' },
'right -5': { right: '-1.25rem' },
'right -6': { right: '-1.5rem' },
'right -7': { right: '-1.75rem' },
'right -8': { right: '-2rem' },
'right -9': { right: '-2.25rem' },
'right -10': { right: '-2.5rem' },
'right -11': { right: '-2.75rem' },
'right -12': { right: '-3rem' },
'right -14': { right: '-3.5rem' },
'right -16': { right: '-4rem' },
'right -20': { right: '-5rem' },
'right -24': { right: '-6rem' },
'right -28': { right: '-7rem' },
'right -32': { right: '-8rem' },
'right -36': { right: '-9rem' },
'right -40': { right: '-10rem' },
'right -44': { right: '-11rem' },
'right -48': { right: '-12rem' },
'right -52': { right: '-13rem' },
'right -56': { right: '-14rem' },
'right -60': { right: '-15rem' },
'right -64': { right: '-16rem' },
'right -72': { right: '-18rem' },
'right -80': { right: '-20rem' },
'right -96': { right: '-24rem' },
'right -px': { right: '-1px' },
'right -0.5': { right: '-0.125rem' },
'right -1.5': { right: '-0.375rem' },
'right -2.5': { right: '-0.625rem' },
'right -3.5': { right: '-0.875rem' },
'right 1/2': { right: '50%' },
'right 1/3': { right: '33.333333%' },
'right 2/3': { right: '66.666667%' },
'right 1/4': { right: '25%' },
'right 2/4': { right: '50%' },
'right 3/4': { right: '75%' },
right_full: { right: '100%' },
'right -1/2': { right: '-50%' },
'right -1/3': { right: '-33.333333%' },
'right -2/3': { right: '-66.666667%' },
'right -1/4': { right: '-25%' },
'right -2/4': { right: '-50%' },
'right -3/4': { right: '-75%' },
'right -full': { right: '-100%' },
bottom_0: { bottom: 0 },
bottom_1: { bottom: '0.25rem' },
bottom_2: { bottom: '0.5rem' },
bottom_3: { bottom: '0.75rem' },
bottom_4: { bottom: '1rem' },
bottom_5: { bottom: '1.25rem' },
bottom_6: { bottom: '1.5rem' },
bottom_7: { bottom: '1.75rem' },
bottom_8: { bottom: '2rem' },
bottom_9: { bottom: '2.25rem' },
bottom_10: { bottom: '2.5rem' },
bottom_11: { bottom: '2.75rem' },
bottom_12: { bottom: '3rem' },
bottom_14: { bottom: '3.5rem' },
bottom_16: { bottom: '4rem' },
bottom_20: { bottom: '5rem' },
bottom_24: { bottom: '6rem' },
bottom_28: { bottom: '7rem' },
bottom_32: { bottom: '8rem' },
bottom_36: { bottom: '9rem' },
bottom_40: { bottom: '10rem' },
bottom_44: { bottom: '11rem' },
bottom_48: { bottom: '12rem' },
bottom_52: { bottom: '13rem' },
bottom_56: { bottom: '14rem' },
bottom_60: { bottom: '15rem' },
bottom_64: { bottom: '16rem' },
bottom_72: { bottom: '18rem' },
bottom_80: { bottom: '20rem' },
bottom_96: { bottom: '24rem' },
bottom_auto: { bottom: 'auto' },
bottom_px: { bottom: '1px' },
'bottom 0.5': { bottom: '0.125rem' },
'bottom 1.5': { bottom: '0.375rem' },
'bottom 2.5': { bottom: '0.625rem' },
'bottom 3.5': { bottom: '0.875rem' },
'bottom -1': { bottom: '-0.25rem' },
'bottom -2': { bottom: '-0.5rem' },
'bottom -3': { bottom: '-0.75rem' },
'bottom -4': { bottom: '-1rem' },
'bottom -5': { bottom: '-1.25rem' },
'bottom -6': { bottom: '-1.5rem' },
'bottom -7': { bottom: '-1.75rem' },
'bottom -8': { bottom: '-2rem' },
'bottom -9': { bottom: '-2.25rem' },
'bottom -10': { bottom: '-2.5rem' },
'bottom -11': { bottom: '-2.75rem' },
'bottom -12': { bottom: '-3rem' },
'bottom -14': { bottom: '-3.5rem' },
'bottom -16': { bottom: '-4rem' },
'bottom -20': { bottom: '-5rem' },
'bottom -24': { bottom: '-6rem' },
'bottom -28': { bottom: '-7rem' },
'bottom -32': { bottom: '-8rem' },
'bottom -36': { bottom: '-9rem' },
'bottom -40': { bottom: '-10rem' },
'bottom -44': { bottom: '-11rem' },
'bottom -48': { bottom: '-12rem' },
'bottom -52': { bottom: '-13rem' },
'bottom -56': { bottom: '-14rem' },
'bottom -60': { bottom: '-15rem' },
'bottom -64': { bottom: '-16rem' },
'bottom -72': { bottom: '-18rem' },
'bottom -80': { bottom: '-20rem' },
'bottom -96': { bottom: '-24rem' },
'bottom -px': { bottom: '-1px' },
'bottom -0.5': { bottom: '-0.125rem' },
'bottom -1.5': { bottom: '-0.375rem' },
'bottom -2.5': { bottom: '-0.625rem' },
'bottom -3.5': { bottom: '-0.875rem' },
'bottom 1/2': { bottom: '50%' },
'bottom 1/3': { bottom: '33.333333%' },
'bottom 2/3': { bottom: '66.666667%' },
'bottom 1/4': { bottom: '25%' },
'bottom 2/4': { bottom: '50%' },
'bottom 3/4': { bottom: '75%' },
bottom_full: { bottom: '100%' },
'bottom -1/2': { bottom: '-50%' },
'bottom -1/3': { bottom: '-33.333333%' },
'bottom -2/3': { bottom: '-66.666667%' },
'bottom -1/4': { bottom: '-25%' },
'bottom -2/4': { bottom: '-50%' },
'bottom -3/4': { bottom: '-75%' },
'bottom -full': { bottom: '-100%' },
left_0: { left: 0 },
left_1: { left: '0.25rem' },
left_2: { left: '0.5rem' },
left_3: { left: '0.75rem' },
left_4: { left: '1rem' },
left_5: { left: '1.25rem' },
left_6: { left: '1.5rem' },
left_7: { left: '1.75rem' },
left_8: { left: '2rem' },
left_9: { left: '2.25rem' },
left_10: { left: '2.5rem' },
left_11: { left: '2.75rem' },
left_12: { left: '3rem' },
left_14: { left: '3.5rem' },
left_16: { left: '4rem' },
left_20: { left: '5rem' },
left_24: { left: '6rem' },
left_28: { left: '7rem' },
left_32: { left: '8rem' },
left_36: { left: '9rem' },
left_40: { left: '10rem' },
left_44: { left: '11rem' },
left_48: { left: '12rem' },
left_52: { left: '13rem' },
left_56: { left: '14rem' },
left_60: { left: '15rem' },
left_64: { left: '16rem' },
left_72: { left: '18rem' },
left_80: { left: '20rem' },
left_96: { left: '24rem' },
left_auto: { left: 'auto' },
left_px: { left: '1px' },
'left 0.5': { left: '0.125rem' },
'left 1.5': { left: '0.375rem' },
'left 2.5': { left: '0.625rem' },
'left 3.5': { left: '0.875rem' },
'left -1': { left: '-0.25rem' },
'left -2': { left: '-0.5rem' },
'left -3': { left: '-0.75rem' },
'left -4': { left: '-1rem' },
'left -5': { left: '-1.25rem' },
'left -6': { left: '-1.5rem' },
'left -7': { left: '-1.75rem' },
'left -8': { left: '-2rem' },
'left -9': { left: '-2.25rem' },
'left -10': { left: '-2.5rem' },
'left -11': { left: '-2.75rem' },
'left -12': { left: '-3rem' },
'left -14': { left: '-3.5rem' },
'left -16': { left: '-4rem' },
'left -20': { left: '-5rem' },
'left -24': { left: '-6rem' },
'left -28': { left: '-7rem' },
'left -32': { left: '-8rem' },
'left -36': { left: '-9rem' },
'left -40': { left: '-10rem' },
'left -44': { left: '-11rem' },
'left -48': { left: '-12rem' },
'left -52': { left: '-13rem' },
'left -56': { left: '-14rem' },
'left -60': { left: '-15rem' },
'left -64': { left: '-16rem' },
'left -72': { left: '-18rem' },
'left -80': { left: '-20rem' },
'left -96': { left: '-24rem' },
'left -px': { left: '-1px' },
'left -0.5': { left: '-0.125rem' },
'left -1.5': { left: '-0.375rem' },
'left -2.5': { left: '-0.625rem' },
'left -3.5': { left: '-0.875rem' },
'left 1/2': { left: '50%' },
'left 1/3': { left: '33.333333%' },
'left 2/3': { left: '66.666667%' },
'left 1/4': { left: '25%' },
'left 2/4': { left: '50%' },
'left 3/4': { left: '75%' },
left_full: { left: '100%' },
'left -1/2': { left: '-50%' },
'left -1/3': { left: '-33.333333%' },
'left -2/3': { left: '-66.666667%' },
'left -1/4': { left: '-25%' },
'left -2/4': { left: '-50%' },
'left -3/4': { left: '-75%' },
'left -full': { left: '-100%' },
isolate: { isolation: 'isolate' },
isolation_auto: { isolation: 'auto' },
z_0: { zIndex: 0 },
z_10: { zIndex: 10 },
z_20: { zIndex: 20 },
z_30: { zIndex: 30 },
z_40: { zIndex: 40 },
z_50: { zIndex: 50 },
z_null: { zIndex: null },
order_1: { order: 1 },
order_2: { order: 2 },
order_3: { order: 3 },
order_4: { order: 4 },
order_5: { order: 5 },
order_6: { order: 6 },
order_7: { order: 7 },
order_8: { order: 8 },
order_9: { order: 9 },
order_10: { order: 10 },
order_11: { order: 11 },
order_12: { order: 12 },
order_first: { order: -9999 },
order_last: { order: 9999 },
order_none: { order: 0 },
col_span_1: { gridColumn: 'span 1 / span 1' },
col_span_2: { gridColumn: 'span 2 / span 2' },
col_span_3: { gridColumn: 'span 3 / span 3' },
col_span_4: { gridColumn: 'span 4 / span 4' },
col_span_5: { gridColumn: 'span 5 / span 5' },
col_span_6: { gridColumn: 'span 6 / span 6' },
col_span_7: { gridColumn: 'span 7 / span 7' },
col_span_8: { gridColumn: 'span 8 / span 8' },
col_span_9: { gridColumn: 'span 9 / span 9' },
col_span_10: { gridColumn: 'span 10 / span 10' },
col_span_11: { gridColumn: 'span 11 / span 11' },
col_span_12: { gridColumn: 'span 12 / span 12' },
col_span_full: { gridColumn: '1 / -1' },
col_start_1: { gridColumnStart: 1 },
col_start_2: { gridColumnStart: 2 },
col_start_3: { gridColumnStart: 3 },
col_start_4: { gridColumnStart: 4 },
col_start_5: { gridColumnStart: 5 },
col_start_6: { gridColumnStart: 6 },
col_start_7: { gridColumnStart: 7 },
col_start_8: { gridColumnStart: 8 },
col_start_9: { gridColumnStart: 9 },
col_start_10: { gridColumnStart: 10 },
col_start_11: { gridColumnStart: 11 },
col_start_12: { gridColumnStart: 12 },
col_start_13: { gridColumnStart: 13 },
col_start_auto: { gridColumnStart: 'auto' },
col_end_1: { gridColumnEnd: 1 },
col_end_2: { gridColumnEnd: 2 },
col_end_3: { gridColumnEnd: 3 },
col_end_4: { gridColumnEnd: 4 },
col_end_5: { gridColumnEnd: 5 },
col_end_6: { gridColumnEnd: 6 },
col_end_7: { gridColumnEnd: 7 },
col_end_8: { gridColumnEnd: 8 },
col_end_9: { gridColumnEnd: 9 },
col_end_10: { gridColumnEnd: 10 },
col_end_11: { gridColumnEnd: 11 },
col_end_12: { gridColumnEnd: 12 },
col_end_13: { gridColumnEnd: 13 },
col_end_auto: { gridColumnEnd: 'auto' },
row_auto: { gridRow: 'auto' },
row_span_1: { gridRow: 'span 1 / span 1' },
row_span_2: { gridRow: 'span 2 / span 2' },
row_span_3: { gridRow: 'span 3 / span 3' },
row_span_4: { gridRow: 'span 4 / span 4' },
row_span_5: { gridRow: 'span 5 / span 5' },
row_span_6: { gridRow: 'span 6 / span 6' },
row_span_full: { gridRow: '1 / -1' },
row_start_1: { gridRowStart: 1 },
row_start_2: { gridRowStart: 2 },
row_start_3: { gridRowStart: 3 },
row_start_4: { gridRowStart: 4 },
row_start_5: { gridRowStart: 5 },
row_start_6: { gridRowStart: 6 },
row_start_7: { gridRowStart: 7 },
row_start_auto: { gridRowStart: 'auto' },
row_end_1: { gridRowEnd: 1 },
row_end_2: { gridRowEnd: 2 },
row_end_3: { gridRowEnd: 3 },
row_end_4: { gridRowEnd: 4 },
row_end_5: { gridRowEnd: 5 },
row_end_6: { gridRowEnd: 6 },
row_end_7: { gridRowEnd: 7 },
row_end_auto: { gridRowEnd: 'auto' },
float_right: { float: 'right' },
float_left: { float: 'left' },
float_none: { float: null },
clear_left: { clear: 'left' },
clear_right: { clear: 'right' },
clear_both: { clear: 'both' },
clear_none: { clear: null },
m_0: { margin: 0 },
m_1: { margin: '0.25rem' },
m_2: { margin: '0.5rem' },
m_3: { margin: '0.75rem' },
m_4: { margin: '1rem' },
m_5: { margin: '1.25rem' },
m_6: { margin: '1.5rem' },
m_7: { margin: '1.75rem' },
m_8: { margin: '2rem' },
m_9: { margin: '2.25rem' },
m_10: { margin: '2.5rem' },
m_11: { margin: '2.75rem' },
m_12: { margin: '3rem' },
m_14: { margin: '3.5rem' },
m_16: { margin: '4rem' },
m_20: { margin: '5rem' },
m_24: { margin: '6rem' },
m_28: { margin: '7rem' },
m_32: { margin: '8rem' },
m_36: { margin: '9rem' },
m_40: { margin: '10rem' },
m_44: { margin: '11rem' },
m_48: { margin: '12rem' },
m_52: { margin: '13rem' },
m_56: { margin: '14rem' },
m_60: { margin: '15rem' },
m_64: { margin: '16rem' },
m_72: { margin: '18rem' },
m_80: { margin: '20rem' },
m_96: { margin: '24rem' },
m_auto: { margin: 'auto' },
m_px: { margin: '1px' },
'm 0.5': { margin: '0.125rem' },
'm 1.5': { margin: '0.375rem' },
'm 2.5': { margin: '0.625rem' },
'm 3.5': { margin: '0.875rem' },
'm -1': { margin: '-0.25rem' },
'm -2': { margin: '-0.5rem' },
'm -3': { margin: '-0.75rem' },
'm -4': { margin: '-1rem' },
'm -5': { margin: '-1.25rem' },
'm -6': { margin: '-1.5rem' },
'm -7': { margin: '-1.75rem' },
'm -8': { margin: '-2rem' },
'm -9': { margin: '-2.25rem' },
'm -10': { margin: '-2.5rem' },
'm -11': { margin: '-2.75rem' },
'm -12': { margin: '-3rem' },
'm -14': { margin: '-3.5rem' },
'm -16': { margin: '-4rem' },
'm -20': { margin: '-5rem' },
'm -24': { margin: '-6rem' },
'm -28': { margin: '-7rem' },
'm -32': { margin: '-8rem' },
'm -36': { margin: '-9rem' },
'm -40': { margin: '-10rem' },
'm -44': { margin: '-11rem' },
'm -48': { margin: '-12rem' },
'm -52': { margin: '-13rem' },
'm -56': { margin: '-14rem' },
'm -60': { margin: '-15rem' },
'm -64': { margin: '-16rem' },
'm -72': { margin: '-18rem' },
'm -80': { margin: '-20rem' },
'm -96': { margin: '-24rem' },
'm -px': { margin: '-1px' },
'm -0.5': { margin: '-0.125rem' },
'm -1.5': { margin: '-0.375rem' },
'm -2.5': { margin: '-0.625rem' },
'm -3.5': { margin: '-0.875rem' },
'm 1/2': { margin: '50%' },
'm 1/3': { margin: '33.333333%' },
'm 2/3': { margin: '66.666667%' },
'm 1/4': { margin: '25%' },
'm 2/4': { margin: '50%' },
'm 3/4': { margin: '75%' },
m_full: { margin: '100%' },
'm -1/2': { margin: '-50%' },
'm -1/3': { margin: '-33.333333%' },
'm -2/3': { margin: '-66.666667%' },
'm -1/4': { margin: '-25%' },
'm -2/4': { margin: '-50%' },
'm -3/4': { margin: '-75%' },
'm -full': { margin: '-100%' },
mx_0: { marginInline: 0 },
mx_1: { marginInline: '0.25rem' },
mx_2: { marginInline: '0.5rem' },
mx_3: { marginInline: '0.75rem' },
mx_4: { marginInline: '1rem' },
mx_5: { marginInline: '1.25rem' },
mx_6: { marginInline: '1.5rem' },
mx_7: { marginInline: '1.75rem' },
mx_8: { marginInline: '2rem' },
mx_9: { marginInline: '2.25rem' },
mx_10: { marginInline: '2.5rem' },
mx_11: { marginInline: '2.75rem' },
mx_12: { marginInline: '3rem' },
mx_14: { marginInline: '3.5rem' },
mx_16: { marginInline: '4rem' },
mx_20: { marginInline: '5rem' },
mx_24: { marginInline: '6rem' },
mx_28: { marginInline: '7rem' },
mx_32: { marginInline: '8rem' },
mx_36: { marginInline: '9rem' },
mx_40: { marginInline: '10rem' },
mx_44: { marginInline: '11rem' },
mx_48: { marginInline: '12rem' },
mx_52: { marginInline: '13rem' },
mx_56: { marginInline: '14rem' },
mx_60: { marginInline: '15rem' },
mx_64: { marginInline: '16rem' },
mx_72: { marginInline: '18rem' },
mx_80: { marginInline: '20rem' },
mx_96: { marginInline: '24rem' },
mx_auto: { marginInline: 'auto' },
mx_px: { marginInline: '1px' },
'mx 0.5': { marginInline: '0.125rem' },
'mx 1.5': { marginInline: '0.375rem' },
'mx 2.5': { marginInline: '0.625rem' },
'mx 3.5': { marginInline: '0.875rem' },
'mx -1': { marginInline: '-0.25rem' },
'mx -2': { marginInline: '-0.5rem' },
'mx -3': { marginInline: '-0.75rem' },
'mx -4': { marginInline: '-1rem' },
'mx -5': { marginInline: '-1.25rem' },
'mx -6': { marginInline: '-1.5rem' },
'mx -7': { marginInline: '-1.75rem' },
'mx -8': { marginInline: '-2rem' },
'mx -9': { marginInline: '-2.25rem' },
'mx -10': { marginInline: '-2.5rem' },
'mx -11': { marginInline: '-2.75rem' },
'mx -12': { marginInline: '-3rem' },
'mx -14': { marginInline: '-3.5rem' },
'mx -16': { marginInline: '-4rem' },
'mx -20': { marginInline: '-5rem' },
'mx -24': { marginInline: '-6rem' },
'mx -28': { marginInline: '-7rem' },
'mx -32': { marginInline: '-8rem' },
'mx -36': { marginInline: '-9rem' },
'mx -40': { marginInline: '-10rem' },
'mx -44': { marginInline: '-11rem' },
'mx -48': { marginInline: '-12rem' },
'mx -52': { marginInline: '-13rem' },
'mx -56': { marginInline: '-14rem' },
'mx -60': { marginInline: '-15rem' },
'mx -64': { marginInline: '-16rem' },
'mx -72': { marginInline: '-18rem' },
'mx -80': { marginInline: '-20rem' },
'mx -96': { marginInline: '-24rem' },
'mx -px': { marginInline: '-1px' },
'mx -0.5': { marginInline: '-0.125rem' },
'mx -1.5': { marginInline: '-0.375rem' },
'mx -2.5': { marginInline: '-0.625rem' },
'mx -3.5': { marginInline: '-0.875rem' },
'mx 1/2': { marginInline: '50%' },
'mx 1/3': { marginInline: '33.333333%' },
'mx 2/3': { marginInline: '66.666667%' },
'mx 1/4': { marginInline: '25%' },
'mx 2/4': { marginInline: '50%' },
'mx 3/4': { marginInline: '75%' },
mx_full: { marginInline: '100%' },
'mx -1/2': { marginInline: '-50%' },
'mx -1/3': { marginInline: '-33.333333%' },
'mx -2/3': { marginInline: '-66.666667%' },
'mx -1/4': { marginInline: '-25%' },
'mx -2/4': { marginInline: '-50%' },
'mx -3/4': { marginInline: '-75%' },
'mx -full': { marginInline: '-100%' },
my_0: { marginBlock: 0 },
my_1: { marginBlock: '0.25rem' },
my_2: { marginBlock: '0.5rem' },
my_3: { marginBlock: '0.75rem' },
my_4: { marginBlock: '1rem' },
my_5: { marginBlock: '1.25rem' },
my_6: { marginBlock: '1.5rem' },
my_7: { marginBlock: '1.75rem' },
my_8: { marginBlock: '2rem' },
my_9: { marginBlock: '2.25rem' },
my_10: { marginBlock: '2.5rem' },
my_11: { marginBlock: '2.75rem' },
my_12: { marginBlock: '3rem' },
my_14: { marginBlock: '3.5rem' },
my_16: { marginBlock: '4rem' },
my_20: { marginBlock: '5rem' },
my_24: { marginBlock: '6rem' },
my_28: { marginBlock: '7rem' },
my_32: { marginBlock: '8rem' },
my_36: { marginBlock: '9rem' },
my_40: { marginBlock: '10rem' },
my_44: { marginBlock: '11rem' },
my_48: { marginBlock: '12rem' },
my_52: { marginBlock: '13rem' },
my_56: { marginBlock: '14rem' },
my_60: { marginBlock: '15rem' },
my_64: { marginBlock: '16rem' },
my_72: { marginBlock: '18rem' },
my_80: { marginBlock: '20rem' },
my_96: { marginBlock: '24rem' },
my_auto: { marginBlock: 'auto' },
my_px: { marginBlock: '1px' },
'my 0.5': { marginBlock: '0.125rem' },
'my 1.5': { marginBlock: '0.375rem' },
'my 2.5': { marginBlock: '0.625rem' },
'my 3.5': { marginBlock: '0.875rem' },
'my -1': { marginBlock: '-0.25rem' },
'my -2': { marginBlock: '-0.5rem' },
'my -3': { marginBlock: '-0.75rem' },
'my -4': { marginBlock: '-1rem' },
'my -5': { marginBlock: '-1.25rem' },
'my -6': { marginBlock: '-1.5rem' },
'my -7': { marginBlock: '-1.75rem' },
'my -8': { marginBlock: '-2rem' },
'my -9': { marginBlock: '-2.25rem' },
'my -10': { marginBlock: '-2.5rem' },
'my -11': { marginBlock: '-2.75rem' },
'my -12': { marginBlock: '-3rem' },
'my -14': { marginBlock: '-3.5rem' },
'my -16': { marginBlock: '-4rem' },
'my -20': { marginBlock: '-5rem' },
'my -24': { marginBlock: '-6rem' },
'my -28': { marginBlock: '-7rem' },
'my -32': { marginBlock: '-8rem' },
'my -36': { marginBlock: '-9rem' },
'my -40': { marginBlock: '-10rem' },
'my -44': { marginBlock: '-11rem' },
'my -48': { marginBlock: '-12rem' },
'my -52': { marginBlock: '-13rem' },
'my -56': { marginBlock: '-14rem' },
'my -60': { marginBlock: '-15rem' },
'my -64': { marginBlock: '-16rem' },
'my -72': { marginBlock: '-18rem' },
'my -80': { marginBlock: '-20rem' },
'my -96': { marginBlock: '-24rem' },
'my -px': { marginBlock: '-1px' },
'my -0.5': { marginBlock: '-0.125rem' },
'my -1.5': { marginBlock: '-0.375rem' },
'my -2.5': { marginBlock: '-0.625rem' },
'my -3.5': { marginBlock: '-0.875rem' },
'my 1/2': { marginBlock: '50%' },
'my 1/3': { marginBlock: '33.333333%' },
'my 2/3': { marginBlock: '66.666667%' },
'my 1/4': { marginBlock: '25%' },
'my 2/4': { marginBlock: '50%' },
'my 3/4': { marginBlock: '75%' },
my_full: { marginBlock: '100%' },
'my -1/2': { marginBlock: '-50%' },
'my -1/3': { marginBlock: '-33.333333%' },
'my -2/3': { marginBlock: '-66.666667%' },
'my -1/4': { marginBlock: '-25%' },
'my -2/4': { marginBlock: '-50%' },
'my -3/4': { marginBlock: '-75%' },
'my -full': { marginBlock: '-100%' },
mt_0: { marginTop: 0 },
mt_1: { marginTop: '0.25rem' },
mt_2: { marginTop: '0.5rem' },
mt_3: { marginTop: '0.75rem' },
mt_4: { marginTop: '1rem' },
mt_5: { marginTop: '1.25rem' },
mt_6: { marginTop: '1.5rem' },
mt_7: { marginTop: '1.75rem' },
mt_8: { marginTop: '2rem' },
mt_9: { marginTop: '2.25rem' },
mt_10: { marginTop: '2.5rem' },
mt_11: { marginTop: '2.75rem' },
mt_12: { marginTop: '3rem' },
mt_14: { marginTop: '3.5rem' },
mt_16: { marginTop: '4rem' },
mt_20: { marginTop: '5rem' },
mt_24: { marginTop: '6rem' },
mt_28: { marginTop: '7rem' },
mt_32: { marginTop: '8rem' },
mt_36: { marginTop: '9rem' },
mt_40: { marginTop: '10rem' },
mt_44: { marginTop: '11rem' },
mt_48: { marginTop: '12rem' },
mt_52: { marginTop: '13rem' },
mt_56: { marginTop: '14rem' },
mt_60: { marginTop: '15rem' },
mt_64: { marginTop: '16rem' },
mt_72: { marginTop: '18rem' },
mt_80: { marginTop: '20rem' },
mt_96: { marginTop: '24rem' },
mt_auto: { marginTop: 'auto' },
mt_px: { marginTop: '1px' },
'mt 0.5': { marginTop: '0.125rem' },
'mt 1.5': { marginTop: '0.375rem' },
'mt 2.5': { marginTop: '0.625rem' },
'mt 3.5': { marginTop: '0.875rem' },
'mt -1': { marginTop: '-0.25rem' },
'mt -2': { marginTop: '-0.5rem' },
'mt -3': { marginTop: '-0.75rem' },
'mt -4': { marginTop: '-1rem' },
'mt -5': { marginTop: '-1.25rem' },
'mt -6': { marginTop: '-1.5rem' },
'mt -7': { marginTop: '-1.75rem' },
'mt -8': { marginTop: '-2rem' },
'mt -9': { marginTop: '-2.25rem' },
'mt -10': { marginTop: '-2.5rem' },
'mt -11': { marginTop: '-2.75rem' },
'mt -12': { marginTop: '-3rem' },
'mt -14': { marginTop: '-3.5rem' },
'mt -16': { marginTop: '-4rem' },
'mt -20': { marginTop: '-5rem' },
'mt -24': { marginTop: '-6rem' },
'mt -28': { marginTop: '-7rem' },
'mt -32': { marginTop: '-8rem' },
'mt -36': { marginTop: '-9rem' },
'mt -40': { marginTop: '-10rem' },
'mt -44': { marginTop: '-11rem' },
'mt -48': { marginTop: '-12rem' },
'mt -52': { marginTop: '-13rem' },
'mt -56': { marginTop: '-14rem' },
'mt -60': { marginTop: '-15rem' },
'mt -64': { marginTop: '-16rem' },
'mt -72': { marginTop: '-18rem' },
'mt -80': { marginTop: '-20rem' },
'mt -96': { marginTop: '-24rem' },
'mt -px': { marginTop: '-1px' },
'mt -0.5': { marginTop: '-0.125rem' },
'mt -1.5': { marginTop: '-0.375rem' },
'mt -2.5': { marginTop: '-0.625rem' },
'mt -3.5': { marginTop: '-0.875rem' },
'mt 1/2': { marginTop: '50%' },
'mt 1/3': { marginTop: '33.333333%' },
'mt 2/3': { marginTop: '66.666667%' },
'mt 1/4': { marginTop: '25%' },
'mt 2/4': { marginTop: '50%' },
'mt 3/4': { marginTop: '75%' },
mt_full: { marginTop: '100%' },
'mt -1/2': { marginTop: '-50%' },
'mt -1/3': { marginTop: '-33.333333%' },
'mt -2/3': { marginTop: '-66.666667%' },
'mt -1/4': { marginTop: '-25%' },
'mt -2/4': { marginTop: '-50%' },
'mt -3/4': { marginTop: '-75%' },
'mt -full': { marginTop: '-100%' },
mr_0: { marginRight: 0 },
mr_1: { marginRight: '0.25rem' },
mr_2: { marginRight: '0.5rem' },
mr_3: { marginRight: '0.75rem' },
mr_4: { marginRight: '1rem' },
mr_5: { marginRight: '1.25rem' },
mr_6: { marginRight: '1.5rem' },
mr_7: { marginRight: '1.75rem' },
mr_8: { marginRight: '2rem' },
mr_9: { marginRight: '2.25rem' },
mr_10: { marginRight: '2.5rem' },
mr_11: { marginRight: '2.75rem' },
mr_12: { marginRight: '3rem' },
mr_14: { marginRight: '3.5rem' },
mr_16: { marginRight: '4rem' },
mr_20: { marginRight: '5rem' },
mr_24: { marginRight: '6rem' },
mr_28: { marginRight: '7rem' },
mr_32: { marginRight: '8rem' },
mr_36: { marginRight: '9rem' },
mr_40: { marginRight: '10rem' },
mr_44: { marginRight: '11rem' },
mr_48: { marginRight: '12rem' },
mr_52: { marginRight: '13rem' },
mr_56: { marginRight: '14rem' },
mr_60: { marginRight: '15rem' },
mr_64: { marginRight: '16rem' },
mr_72: { marginRight: '18rem' },
mr_80: { marginRight: '20rem' },
mr_96: { marginRight: '24rem' },
mr_auto: { marginRight: 'auto' },
mr_px: { marginRight: '1px' },
'mr 0.5': { marginRight: '0.125rem' },
'mr 1.5': { marginRight: '0.375rem' },
'mr 2.5': { marginRight: '0.625rem' },
'mr 3.5': { marginRight: '0.875rem' },
'mr -1': { marginRight: '-0.25rem' },
'mr -2': { marginRight: '-0.5rem' },
'mr -3': { marginRight: '-0.75rem' },
'mr -4': { marginRight: '-1rem' },
'mr -5': { marginRight: '-1.25rem' },
'mr -6': { marginRight: '-1.5rem' },
'mr -7': { marginRight: '-1.75rem' },
'mr -8': { marginRight: '-2rem' },
'mr -9': { marginRight: '-2.25rem' },
'mr -10': { marginRight: '-2.5rem' },
'mr -11': { marginRight: '-2.75rem' },
'mr -12': { marginRight: '-3rem' },
'mr -14': { marginRight: '-3.5rem' },
'mr -16': { marginRight: '-4rem' },
'mr -20': { marginRight: '-5rem' },
'mr -24': { marginRight: '-6rem' },
'mr -28': { marginRight: '-7rem' },
'mr -32': { marginRight: '-8rem' },
'mr -36': { marginRight: '-9rem' },
'mr -40': { marginRight: '-10rem' },
'mr -44': { marginRight: '-11rem' },
'mr -48': { marginRight: '-12rem' },
'mr -52': { marginRight: '-13rem' },
'mr -56': { marginRight: '-14rem' },
'mr -60': { marginRight: '-15rem' },
'mr -64': { marginRight: '-16rem' },
'mr -72': { marginRight: '-18rem' },
'mr -80': { marginRight: '-20rem' },
'mr -96': { marginRight: '-24rem' },
'mr -px': { marginRight: '-1px' },
'mr -0.5': { marginRight: '-0.125rem' },
'mr -1.5': { marginRight: '-0.375rem' },
'mr -2.5': { marginRight: '-0.625rem' },
'mr -3.5': { marginRight: '-0.875rem' },
'mr 1/2': { marginRight: '50%' },
'mr 1/3': { marginRight: '33.333333%' },
'mr 2/3': { marginRight: '66.666667%' },
'mr 1/4': { marginRight: '25%' },
'mr 2/4': { marginRight: '50%' },
'mr 3/4': { marginRight: '75%' },
mr_full: { marginRight: '100%' },
'mr -1/2': { marginRight: '-50%' },
'mr -1/3': { marginRight: '-33.333333%' },
'mr -2/3': { marginRight: '-66.666667%' },
'mr -1/4': { marginRight: '-25%' },
'mr -2/4': { marginRight: '-50%' },
'mr -3/4': { marginRight: '-75%' },
'mr -full': { marginRight: '-100%' },
mb_0: { marginBottom: 0 },
mb_1: { marginBottom: '0.25rem' },
mb_2: { marginBottom: '0.5rem' },
mb_3: { marginBottom: '0.75rem' },
mb_4: { marginBottom: '1rem' },
mb_5: { marginBottom: '1.25rem' },
mb_6: { marginBottom: '1.5rem' },
mb_7: { marginBottom: '1.75rem' },
mb_8: { marginBottom: '2rem' },
mb_9: { marginBottom: '2.25rem' },
mb_10: { marginBottom: '2.5rem' },
mb_11: { marginBottom: '2.75rem' },
mb_12: { marginBottom: '3rem' },
mb_14: { marginBottom: '3.5rem' },
mb_16: { marginBottom: '4rem' },
mb_20: { marginBottom: '5rem' },
mb_24: { marginBottom: '6rem' },
mb_28: { marginBottom: '7rem' },
mb_32: { marginBottom: '8rem' },
mb_36: { marginBottom: '9rem' },
mb_40: { marginBottom: '10rem' },
mb_44: { marginBottom: '11rem' },
mb_48: { marginBottom: '12rem' },
mb_52: { marginBottom: '13rem' },
mb_56: { marginBottom: '14rem' },
mb_60: { marginBottom: '15rem' },
mb_64: { marginBottom: '16rem' },
mb_72: { marginBottom: '18rem' },
mb_80: { marginBottom: '20rem' },
mb_96: { marginBottom: '24rem' },
mb_auto: { marginBottom: 'auto' },
mb_px: { marginBottom: '1px' },
'mb 0.5': { marginBottom: '0.125rem' },
'mb 1.5': { marginBottom: '0.375rem' },
'mb 2.5': { marginBottom: '0.625rem' },
'mb 3.5': { marginBottom: '0.875rem' },
'mb -1': { marginBottom: '-0.25rem' },
'mb -2': { marginBottom: '-0.5rem' },
'mb -3': { marginBottom: '-0.75rem' },
'mb -4': { marginBottom: '-1rem' },
'mb -5': { marginBottom: '-1.25rem' },
'mb -6': { marginBottom: '-1.5rem' },
'mb -7': { marginBottom: '-1.75rem' },
'mb -8': { marginBottom: '-2rem' },
'mb -9': { marginBottom: '-2.25rem' },
'mb -10': { marginBottom: '-2.5rem' },
'mb -11': { marginBottom: '-2.75rem' },
'mb -12': { marginBottom: '-3rem' },
'mb -14': { marginBottom: '-3.5rem' },
'mb -16': { marginBottom: '-4rem' },
'mb -20': { marginBottom: '-5rem' },
'mb -24': { marginBottom: '-6rem' },
'mb -28': { marginBottom: '-7rem' },
'mb -32': { marginBottom: '-8rem' },
'mb -36': { marginBottom: '-9rem' },
'mb -40': { marginBottom: '-10rem' },
'mb -44': { marginBottom: '-11rem' },
'mb -48': { marginBottom: '-12rem' },
'mb -52': { marginBottom: '-13rem' },
'mb -56': { marginBottom: '-14rem' },
'mb -60': { marginBottom: '-15rem' },
'mb -64': { marginBottom: '-16rem' },
'mb -72': { marginBottom: '-18rem' },
'mb -80': { marginBottom: '-20rem' },
'mb -96': { marginBottom: '-24rem' },
'mb -px': { marginBottom: '-1px' },
'mb -0.5': { marginBottom: '-0.125rem' },
'mb -1.5': { marginBottom: '-0.375rem' },
'mb -2.5': { marginBottom: '-0.625rem' },
'mb -3.5': { marginBottom: '-0.875rem' },
'mb 1/2': { marginBottom: '50%' },
'mb 1/3': { marginBottom: '33.333333%' },
'mb 2/3': { marginBottom: '66.666667%' },
'mb 1/4': { marginBottom: '25%' },
'mb 2/4': { marginBottom: '50%' },
'mb 3/4': { marginBottom: '75%' },
mb_full: { marginBottom: '100%' },
'mb -1/2': { marginBottom: '-50%' },
'mb -1/3': { marginBottom: '-33.333333%' },
'mb -2/3': { marginBottom: '-66.666667%' },
'mb -1/4': { marginBottom: '-25%' },
'mb -2/4': { marginBottom: '-50%' },
'mb -3/4': { marginBottom: '-75%' },
'mb -full': { marginBottom: '-100%' },
ml_0: { marginLeft: 0 },
ml_1: { marginLeft: '0.25rem' },
ml_2: { marginLeft: '0.5rem' },
ml_3: { marginLeft: '0.75rem' },
ml_4: { marginLeft: '1rem' },
ml_5: { marginLeft: '1.25rem' },
ml_6: { marginLeft: '1.5rem' },
ml_7: { marginLeft: '1.75rem' },
ml_8: { marginLeft: '2rem' },
ml_9: { marginLeft: '2.25rem' },
ml_10: { marginLeft: '2.5rem' },
ml_11: { marginLeft: '2.75rem' },
ml_12: { marginLeft: '3rem' },
ml_14: { marginLeft: '3.5rem' },
ml_16: { marginLeft: '4rem' },
ml_20: { marginLeft: '5rem' },
ml_24: { marginLeft: '6rem' },
ml_28: { marginLeft: '7rem' },
ml_32: { marginLeft: '8rem' },
ml_36: { marginLeft: '9rem' },
ml_40: { marginLeft: '10rem' },
ml_44: { marginLeft: '11rem' },
ml_48: { marginLeft: '12rem' },
ml_52: { marginLeft: '13rem' },
ml_56: { marginLeft: '14rem' },
ml_60: { marginLeft: '15rem' },
ml_64: { marginLeft: '16rem' },
ml_72: { marginLeft: '18rem' },
ml_80: { marginLeft: '20rem' },
ml_96: { marginLeft: '24rem' },
ml_auto: { marginLeft: 'auto' },
ml_px: { marginLeft: '1px' },
'ml 0.5': { marginLeft: '0.125rem' },
'ml 1.5': { marginLeft: '0.375rem' },
'ml 2.5': { marginLeft: '0.625rem' },
'ml 3.5': { marginLeft: '0.875rem' },
'ml -1': { marginLeft: '-0.25rem' },
'ml -2': { marginLeft: '-0.5rem' },
'ml -3': { marginLeft: '-0.75rem' },
'ml -4': { marginLeft: '-1rem' },
'ml -5': { marginLeft: '-1.25rem' },
'ml -6': { marginLeft: '-1.5rem' },
'ml -7': { marginLeft: '-1.75rem' },
'ml -8': { marginLeft: '-2rem' },
'ml -9': { marginLeft: '-2.25rem' },
'ml -10': { marginLeft: '-2.5rem' },
'ml -11': { marginLeft: '-2.75rem' },
'ml -12': { marginLeft: '-3rem' },
'ml -14': { marginLeft: '-3.5rem' },
'ml -16': { marginLeft: '-4rem' },
'ml -20': { marginLeft: '-5rem' },
'ml -24': { marginLeft: '-6rem' },
'ml -28': { marginLeft: '-7rem' },
'ml -32': { marginLeft: '-8rem' },
'ml -36': { marginLeft: '-9rem' },
'ml -40': { marginLeft: '-10rem' },
'ml -44': { marginLeft: '-11rem' },
'ml -48': { marginLeft: '-12rem' },
'ml -52': { marginLeft: '-13rem' },
'ml -56': { marginLeft: '-14rem' },
'ml -60': { marginLeft: '-15rem' },
'ml -64': { marginLeft: '-16rem' },
'ml -72': { marginLeft: '-18rem' },
'ml -80': { marginLeft: '-20rem' },
'ml -96': { marginLeft: '-24rem' },
'ml -px': { marginLeft: '-1px' },
'ml -0.5': { marginLeft: '-0.125rem' },
'ml -1.5': { marginLeft: '-0.375rem' },
'ml -2.5': { marginLeft: '-0.625rem' },
'ml -3.5': { marginLeft: '-0.875rem' },
'ml 1/2': { marginLeft: '50%' },
'ml 1/3': { marginLeft: '33.333333%' },
'ml 2/3': { marginLeft: '66.666667%' },
'ml 1/4': { marginLeft: '25%' },
'ml 2/4': { marginLeft: '50%' },
'ml 3/4': { marginLeft: '75%' },
ml_full: { marginLeft: '100%' },
'ml -1/2': { marginLeft: '-50%' },
'ml -1/3': { marginLeft: '-33.333333%' },
'ml -2/3': { marginLeft: '-66.666667%' },
'ml -1/4': { marginLeft: '-25%' },
'ml -2/4': { marginLeft: '-50%' },
'ml -3/4': { marginLeft: '-75%' },
'ml -full': { marginLeft: '-100%' },
border_box: { boxSizing: 'border-box' },
content_box: { boxSizing: 'content-box' },
block: { display: 'block' },
inline_block: { display: 'inline-block' },
inline: { display: 'inline' },
flex: { display: 'flex' },
inline_flex: { display: 'inline-flex' },
table: { display: 'table' },
inline_table: { display: 'inline-table' },
table_caption: { display: 'table-caption' },
table_cell: { display: 'table-cell' },
table_column: { display: 'table-column' },
table_column_group: { display: 'table-column-group' },
table_footer_group: { display: 'table-footer-group' },
table_header_group: { display: 'table-header-group' },
table_row_group: { display: 'table-row-group' },
table_row: { display: 'table-row' },
flow_root: { display: 'flow-root' },
grid: { display: 'grid' },
inline_grid: { display: 'inline-grid' },
contents: { display: 'contents' },
list_item: { display: 'list-item' },
hidden: { display: 'none' },
h_0: { height: 0 },
h_1: { height: '0.25rem' },
h_2: { height: '0.5rem' },
h_3: { height: '0.75rem' },
h_4: { height: '1rem' },
h_5: { height: '1.25rem' },
h_6: { height: '1.5rem' },
h_8: { height: '2rem' },
h_10: { height: '2.5rem' },
h_12: { height: '3rem' },
h_16: { height: '4rem' },
h_20: { height: '5rem' },
h_24: { height: '6rem' },
h_32: { height: '8rem' },
h_40: { height: '10rem' },
h_48: { height: '12rem' },
h_56: { height: '14rem' },
h_64: { height: '16rem' },
h_auto: { height: 'auto' },
h_px: { height: '1px' },
'h 0.5': { height: '0.125rem' },
'h 1.5': { height: '0.375rem' },
'h 2.5': { height: '0.625rem' },
'h 3.5': { height: '0.875rem' },
'h -1': { height: '-0.25rem' },
'h -2': { height: '-0.5rem' },
'h -3': { height: '-0.75rem' },
'h -4': { height: '-1rem' },
'h -5': { height: '-1.25rem' },
'h -6': { height: '-1.5rem' },
'h -8': { height: '-2rem' },
'h -10': { height: '-2.5rem' },
'h -12': { height: '-3rem' },
'h -16': { height: '-4rem' },
'h -20': { height: '-5rem' },
'h -24': { height: '-6rem' },
'h -32': { height: '-8rem' },
'h -40': { height: '-10rem' },
'h -48': { height: '-12rem' },
'h -56': { height: '-14rem' },
'h -64': { height: '-16rem' },
'h -px': { height: '-1px' },
'h -0.5': { height: '-0.125rem' },
'h -1.5': { height: '-0.375rem' },
'h -2.5': { height: '-0.625rem' },
'h -3.5': { height: '-0.875rem' },
'h 1/2': { height: '50%' },
'h 1/3': { height: '33.333333%' },
'h 2/3': { height: '66.666667%' },
'h 1/4': { height: '25%' },
'h 2/4': { height: '50%' },
'h 3/4': { height: '75%' },
'h full': { height: '100%' },
'h -1/2': { height: '-50%' },
'h -1/3': { height: '-33.333333%' },
'h -2/3': { height: '-66.666667%' },
'h -1/4': { height: '-25%' },
'h -2/4': { height: '-50%' },
'h -3/4': { height: '-75%' },
'h -full': { height: '-100%' },
max_h_0: { maxHeight: 0 },
max_h_1: { maxHeight: '0.25rem' },
max_h_2: { maxHeight: '0.5rem' },
max_h_3: { maxHeight: '0.75rem' },
max_h_4: { maxHeight: '1rem' },
max_h_5: { maxHeight: '1.25rem' },
max_h_6: { maxHeight: '1.5rem' },
max_h_8: { maxHeight: '2rem' },
max_h_10: { maxHeight: '2.5rem' },
max_h_12: { maxHeight: '3rem' },
max_h_16: { maxHeight: '4rem' },
max_h_20: { maxHeight: '5rem' },
max_h_24: { maxHeight: '6rem' },
max_h_32: { maxHeight: '8rem' },
max_h_40: { maxHeight: '10rem' },
max_h_48: { maxHeight: '12rem' },
max_h_56: { maxHeight: '14rem' },
max_h_64: { maxHeight: '16rem' },
max_h_auto: { maxHeight: 'auto' },
max_h_px: { maxHeight: '1px' },
'max_h 0.5': { maxHeight: '0.125rem' },
'max_h 1.5': { maxHeight: '0.375rem' },
'max_h 2.5': { maxHeight: '0.625rem' },
'max_h 3.5': { maxHeight: '0.875rem' },
'max_h -1': { maxHeight: '-0.25rem' },
'max_h -2': { maxHeight: '-0.5rem' },
'max_h -3': { maxHeight: '-0.75rem' },
'max_h -4': { maxHeight: '-1rem' },
'max_h -5': { maxHeight: '-1.25rem' },
'max_h -6': { maxHeight: '-1.5rem' },
'max_h -8': { maxHeight: '-2rem' },
'max_h -10': { maxHeight: '-2.5rem' },
'max_h -12': { maxHeight: '-3rem' },
'max_h -16': { maxHeight: '-4rem' },
'max_h -20': { maxHeight: '-5rem' },
'max_h -24': { maxHeight: '-6rem' },
'max_h -32': { maxHeight: '-8rem' },
'max_h -40': { maxHeight: '-10rem' },
'max_h -48': { maxHeight: '-12rem' },
'max_h -56': { maxHeight: '-14rem' },
'max_h -64': { maxHeight: '-16rem' },
'max_h -px': { maxHeight: '-1px' },
'max_h -0.5': { maxHeight: '-0.125rem' },
'max_h -1.5': { maxHeight: '-0.375rem' },
'max_h -2.5': { maxHeight: '-0.625rem' },
'max_h -3.5': { maxHeight: '-0.875rem' },
'max_h 1/2': { maxHeight: '50%' },
'max_h 1/3': { maxHeight: '33.333333%' },
'max_h 2/3': { maxHeight: '66.666667%' },
'max_h 1/4': { maxHeight: '25%' },
'max_h 2/4': { maxHeight: '50%' },
'max_h 3/4': { maxHeight: '75%' },
'max_h full': { maxHeight: '100%' },
'max_h -1/2': { maxHeight: '-50%' },
'max_h -1/3': { maxHeight: '-33.333333%' },
'max_h -2/3': { maxHeight: '-66.666667%' },
'max_h -1/4': { maxHeight: '-25%' },
'max_h -2/4': { maxHeight: '-50%' },
'max_h -3/4': { maxHeight: '-75%' },
'max_h -full': { maxHeight: '-100%' },
min_h_0: { minHeight: 0 },
min_h_full: { minHeight: '100%' },
min_h_screen: { minHeight: '100vh' },
'w -16': { width: '-4rem' },
'w -20': { width: '-5rem' },
'w -24': { width: '-6rem' },
'w -32': { width: '-8rem' },
'w -40': { width: '-10rem' },
'w -48': { width: '-12rem' },
'w -56': { width: '-14rem' },
'w -64': { width: '-16rem' },
'w -px': { width: '-1px' },
'w -0.5': { width: '-0.125rem' },
'w -1.5': { width: '-0.375rem' },
'w -2.5': { width: '-0.625rem' },
'w -3.5': { width: '-0.875rem' },
'w 1/2': { width: '50%' },
'w 1/3': { width: '33.333333%' },
'w 2/3': { width: '66.666667%' },
'w 1/4': { width: '25%' },
'w 2/4': { width: '50%' },
'w 3/4': { width: '75%' },
'w full': { width: '100%' },
'w -1/2': { width: '-50%' },
'w -1/3': { width: '-33.333333%' },
'w -2/3': { width: '-66.666667%' },
'w -1/4': { width: '-25%' },
'w -2/4': { width: '-50%' },
'w -3/4': { width: '-75%' },
'w -full': { width: '-100%' },
max_w_0: { maxWidth: 0 },
max_w_1: { maxWidth: '0.25rem' },
max_w_2: { maxWidth: '0.5rem' },
max_w_3: { maxWidth: '0.75rem' },
max_w_4: { maxWidth: '1rem' },
max_w_5: { maxWidth: '1.25rem' },
max_w_6: { maxWidth: '1.5rem' },
max_w_8: { maxWidth: '2rem' },
max_w_10: { maxWidth: '2.5rem' },
max_w_12: { maxWidth: '3rem' },
max_w_16: { maxWidth: '4rem' },
max_w_20: { maxWidth: '5rem' },
max_w_24: { maxWidth: '6rem' },
max_w_32: { maxWidth: '8rem' },
max_w_40: { maxWidth: '10rem' },
max_w_48: { maxWidth: '12rem' },
max_w_56: { maxWidth: '14rem' },
max_w_64: { maxWidth: '16rem' },
max_w_auto: { maxWidth: 'auto' },
max_w_px: { maxWidth: '1px' },
'max_w 0.5': { maxWidth: '0.125rem' },
'max_w 1.5': { maxWidth: '0.375rem' },
'max_w 2.5': { maxWidth: '0.625rem' },
'max_w 3.5': { maxWidth: '0.875rem' },
'max_w -1': { maxWidth: '-0.25rem' },
'max_w -2': { maxWidth: '-0.5rem' },
'max_w -3': { maxWidth: '-0.75rem' },
'max_w -4': { maxWidth: '-1rem' },
'max_w -5': { maxWidth: '-1.25rem' },
'max_w -6': { maxWidth: '-1.5rem' },
'max_w -8': { maxWidth: '-2rem' },
'max_w -10': { maxWidth: '-2.5rem' },
'max_w -12': { maxWidth: '-3rem' },
'max_w -16': { maxWidth: '-4rem' },
'max_w -20': { maxWidth: '-5rem' },
'max_w -24': { maxWidth: '-6rem' },
'max_w -32': { maxWidth: '-8rem' },
'max_w -40': { maxWidth: '-10rem' },
'max_w -48': { maxWidth: '-12rem' },
'max_w -56': { maxWidth: '-14rem' },
'max_w -64': { maxWidth: '-16rem' },
'max_w -px': { maxWidth: '-1px' },
'max_w -0.5': { maxWidth: '-0.125rem' },
'max_w -1.5': { maxWidth: '-0.375rem' },
'max_w -2.5': { maxWidth: '-0.625rem' },
'max_w -3.5': { maxWidth: '-0.875rem' },
'max_w 1/2': { maxWidth: '50%' },
'max_w 1/3': { maxWidth: '33.333333%' },
'max_w 2/3': { maxWidth: '66.666667%' },
'max_w 1/4': { maxWidth: '25%' },
'max_w 2/4': { maxWidth: '50%' },
'max_w 3/4': { maxWidth: '75%' },
'max_w full': { maxWidth: '100%' },
'max_w -1/2': { maxWidth: '-50%' },
'max_w -1/3': { maxWidth: '-33.333333%' },
'max_w -2/3': { maxWidth: '-66.666667%' },
'max_w -1/4': { maxWidth: '-25%' },
'max_w -2/4': { maxWidth: '-50%' },
'max_w -3/4': { maxWidth: '-75%' },
'max_w -full': { maxWidth: '-100%' },
min_w_0: { minWidth: 0 },
min_w_full: { minWidth: '100%' },
min_w_screen: { minWidth: '100vw' },
// ... Many more rules here ...
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment