Last active
June 1, 2020 22:56
-
-
Save itsmatteomanf/7bb79b43ed60466fc600746908d40e63 to your computer and use it in GitHub Desktop.
Tailwind Test
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = { | |
purge: [], | |
target: 'relaxed', | |
prefix: '', | |
important: false, | |
separator: '-', | |
theme: { | |
screens: { | |
sm: '640px', | |
// md: '768px', | |
// lg: '1024px', | |
// xl: '1280px', | |
}, | |
colors: { | |
transparent: 'transparent', | |
white: '#ffffff', | |
// black: '#000000', | |
// gray: { | |
// '50': '#f9fafb', | |
// '100': '#f4f5f7', | |
// '200': '#e5e7eb', | |
// '300': '#d2d6dc', | |
// '400': '#9fa6b2', | |
// '500': '#6b7280', | |
// '600': '#4b5563', | |
// '700': '#374151', | |
// '800': '#252f3f', | |
// '900': '#161e2e', | |
// }, | |
'cool-gray': { | |
// '50': '#fbfdfe', | |
'100': '#f1f5f9', | |
// '200': '#e2e8f0', | |
'300': '#cfd8e3', | |
// '400': '#97a6ba', | |
// '500': '#64748b', | |
// '600': '#475569', | |
// '700': '#364152', | |
'800': '#27303f', | |
'900': '#1a202e', | |
}, | |
// red: { | |
// '50': '#fdf2f2', | |
// '100': '#fde8e8', | |
// '200': '#fbd5d5', | |
// '300': '#f8b4b4', | |
// '400': '#f98080', | |
// '500': '#f05252', | |
// '600': '#e02424', | |
// '700': '#c81e1e', | |
// '800': '#9b1c1c', | |
// '900': '#771d1d', | |
// }, | |
orange: { | |
// '50': '#fff8f1', | |
// '100': '#feecdc', | |
'200': '#faad3f', | |
// '300': '#fdba8c', | |
// '400': '#ff8a4c', | |
'500': '#ff5a1f', | |
// '600': '#d03801', | |
// '700': '#b43403', | |
// '800': '#8a2c0d', | |
// '900': '#771d1d', | |
}, | |
// yellow: { | |
// '50': '#fdfdea', | |
// '100': '#fdf6b2', | |
// '200': '#fce96a', | |
// '300': '#faca15', | |
// '400': '#e3a008', | |
// '500': '#c27803', | |
// '600': '#9f580a', | |
// '700': '#8e4b10', | |
// '800': '#723b13', | |
// '900': '#633112', | |
// }, | |
// green: { | |
// '50': '#f3faf7', | |
// '100': '#def7ec', | |
// '200': '#bcf0da', | |
// '300': '#84e1bc', | |
// '400': '#31c48d', | |
// '500': '#0e9f6e', | |
// '600': '#057a55', | |
// '700': '#046c4e', | |
// '800': '#03543f', | |
// '900': '#014737', | |
// }, | |
// teal: { | |
// '50': '#edfafa', | |
// '100': '#d5f5f6', | |
// '200': '#afecef', | |
// '300': '#7edce2', | |
// '400': '#16bdca', | |
// '500': '#0694a2', | |
// '600': '#047481', | |
// '700': '#036672', | |
// '800': '#05505c', | |
// '900': '#014451', | |
// }, | |
// blue: { | |
// '50': '#ebf5ff', | |
// '100': '#e1effe', | |
// '200': '#c3ddfd', | |
// '300': '#a4cafe', | |
// '400': '#76a9fa', | |
// '500': '#3f83f8', | |
// '600': '#1c64f2', | |
// '700': '#1a56db', | |
// '800': '#1e429f', | |
// '900': '#233876', | |
// }, | |
// indigo: { | |
// '50': '#f0f5ff', | |
// '100': '#e5edff', | |
// '200': '#cddbfe', | |
// '300': '#b4c6fc', | |
// '400': '#8da2fb', | |
// '500': '#6875f5', | |
// '600': '#5850ec', | |
// '700': '#5145cd', | |
// '800': '#42389d', | |
// '900': '#362f78', | |
// }, | |
// purple: { | |
// '50': '#f6f5ff', | |
// '100': '#edebfe', | |
// '200': '#dcd7fe', | |
// '300': '#cabffd', | |
// '400': '#ac94fa', | |
// '500': '#9061f9', | |
// '600': '#7e3af2', | |
// '700': '#6c2bd9', | |
// '800': '#5521b5', | |
// '900': '#4a1d96', | |
// }, | |
// pink: { | |
// '50': '#fdf2f8', | |
// '100': '#fce8f3', | |
// '200': '#fad1e8', | |
// '300': '#f8b4d9', | |
// '400': '#f17eb8', | |
// '500': '#e74694', | |
// '600': '#d61f69', | |
// '700': '#bf125d', | |
// '800': '#99154b', | |
// '900': '#751a3d', | |
// }, | |
}, | |
spacing: { | |
// px: '1px', | |
// '0': '0', | |
// '1': '0.25rem', | |
'2': '0.5rem', | |
'3': '0.75rem', | |
'4': '1rem', | |
// '5': '1.25rem', | |
'6': '1.5rem', | |
'8': '2rem', | |
// '10': '2.5rem', | |
'12': '3rem', | |
// '16': '4rem', | |
// '20': '5rem', | |
// '24': '6rem', | |
'32': '8rem', | |
// '40': '10rem', | |
// '48': '12rem', | |
// '56': '14rem', | |
// '64': '16rem', | |
// '72': '18rem', | |
// '80': '20rem', | |
// '88': '22rem', | |
'96': '24rem', | |
// '104': '26rem', | |
// '112': '28rem', | |
// '120': '30rem', | |
// '128': '32rem', | |
// '136': '34rem', | |
'142': '36rem', | |
}, | |
backgroundColor: theme => theme('colors'), | |
backgroundOpacity: theme => theme('opacity'), | |
backgroundPosition: { | |
bottom: 'bottom', | |
center: 'center', | |
left: 'left', | |
'left-bottom': 'left bottom', | |
'left-top': 'left top', | |
right: 'right', | |
'right-bottom': 'right bottom', | |
'right-top': 'right top', | |
top: 'top', | |
}, | |
backgroundSize: { | |
auto: 'auto', | |
cover: 'cover', | |
contain: 'contain', | |
}, | |
borderColor: theme => ({ | |
...theme('colors'), | |
default: theme('colors.gray.300', 'currentColor'), | |
}), | |
borderOpacity: theme => theme('opacity'), | |
borderRadius: { | |
none: '0', | |
sm: '0.125rem', | |
default: '0.25rem', | |
md: '0.375rem', | |
lg: '0.5rem', | |
full: '9999px', | |
}, | |
borderWidth: { | |
default: '1px', | |
'0': '0', | |
'2': '2px', | |
'4': '4px', | |
'8': '8px', | |
}, | |
boxShadow: { | |
xs: '0 0 0 1px rgba(0, 0, 0, 0.05)', | |
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', | |
default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', | |
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', | |
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', | |
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', | |
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)', | |
inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', | |
outline: '0 0 0 3px rgba(66, 153, 225, 0.5)', | |
none: 'none', | |
}, | |
container: {}, | |
cursor: { | |
auto: 'auto', | |
default: 'default', | |
pointer: 'pointer', | |
wait: 'wait', | |
text: 'text', | |
move: 'move', | |
'not-allowed': 'not-allowed', | |
}, | |
divideColor: theme => theme('borderColor'), | |
divideOpacity: theme => theme('borderOpacity'), | |
divideWidth: theme => theme('borderWidth'), | |
fill: { | |
current: 'currentColor', | |
}, | |
flex: { | |
'1': '1 1 0%', | |
auto: '1 1 auto', | |
initial: '0 1 auto', | |
none: 'none', | |
}, | |
flexGrow: { | |
'0': '0', | |
default: '1', | |
}, | |
flexShrink: { | |
'0': '0', | |
default: '1', | |
}, | |
fontFamily: { | |
sans: [ | |
'system-ui', | |
'-apple-system', | |
'BlinkMacSystemFont', | |
'"Segoe UI"', | |
'Roboto', | |
'"Helvetica Neue"', | |
'Arial', | |
'"Noto Sans"', | |
'sans-serif', | |
'"Apple Color Emoji"', | |
'"Segoe UI Emoji"', | |
'"Segoe UI Symbol"', | |
'"Noto Color Emoji"', | |
], | |
serif: ['Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'], | |
mono: ['Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace'], | |
}, | |
fontSize: { | |
xs: '0.75rem', | |
sm: '0.875rem', | |
base: '1rem', | |
lg: '1.125rem', | |
xl: '1.25rem', | |
'2xl': '1.5rem', | |
'3xl': '1.875rem', | |
'4xl': '2.25rem', | |
'5xl': '3rem', | |
'6xl': '4rem', | |
}, | |
fontWeight: { | |
// hairline: '100', | |
thin: '200', | |
// light: '300', | |
normal: '400', | |
// medium: '500', | |
// semibold: '600', | |
// bold: '700', | |
// extrabold: '800', | |
// black: '900', | |
}, | |
height: theme => ({ | |
auto: 'auto', | |
...theme('spacing'), | |
full: '100%', | |
screen: '100vh', | |
}), | |
inset: { | |
'0': '0', | |
auto: 'auto', | |
}, | |
letterSpacing: { | |
tighter: '-0.05em', | |
tight: '-0.025em', | |
normal: '0', | |
wide: '0.025em', | |
wider: '0.05em', | |
widest: '0.1em', | |
}, | |
lineHeight: { | |
none: '1', | |
tight: '1.25', | |
snug: '1.375', | |
normal: '1.5', | |
relaxed: '1.625', | |
loose: '2', | |
'3': '.75rem', | |
'4': '1rem', | |
'5': '1.25rem', | |
'6': '1.5rem', | |
'7': '1.75rem', | |
'8': '2rem', | |
'9': '2.25rem', | |
'10': '2.5rem', | |
}, | |
listStyleType: { | |
none: 'none', | |
disc: 'disc', | |
decimal: 'decimal', | |
}, | |
margin: (theme, { negative }) => ({ | |
auto: 'auto', | |
...theme('spacing'), | |
...negative(theme('spacing')), | |
}), | |
maxHeight: { | |
full: '100%', | |
screen: '100vh', | |
}, | |
maxWidth: (theme, { breakpoints }) => ({ | |
// none: 'none', | |
// xs: '20rem', | |
// sm: '24rem', | |
// md: '28rem', | |
// lg: '32rem', | |
// xl: '36rem', | |
// '2xl': '42rem', | |
// '3xl': '48rem', | |
// '4xl': '56rem', | |
// '5xl': '64rem', | |
'6xl': '72rem', | |
// full: '100%', | |
// ...breakpoints(theme('screens')), | |
}), | |
minHeight: { | |
'0': '0', | |
full: '100%', | |
screen: '100vh', | |
}, | |
minWidth: { | |
'0': '0', | |
full: '100%', | |
}, | |
objectPosition: { | |
bottom: 'bottom', | |
center: 'center', | |
left: 'left', | |
'left-bottom': 'left bottom', | |
'left-top': 'left top', | |
right: 'right', | |
'right-bottom': 'right bottom', | |
'right-top': 'right top', | |
top: 'top', | |
}, | |
opacity: { | |
'0': '0', | |
'25': '0.25', | |
'50': '0.5', | |
'75': '0.75', | |
'100': '1', | |
}, | |
order: { | |
first: '-9999', | |
last: '9999', | |
none: '0', | |
'1': '1', | |
'2': '2', | |
'3': '3', | |
'4': '4', | |
'5': '5', | |
'6': '6', | |
'7': '7', | |
'8': '8', | |
'9': '9', | |
'10': '10', | |
'11': '11', | |
'12': '12', | |
}, | |
padding: theme => theme('spacing'), | |
placeholderColor: theme => theme('colors'), | |
placeholderOpacity: theme => theme('opacity'), | |
space: (theme, { negative }) => ({ | |
...theme('spacing'), | |
...negative(theme('spacing')), | |
}), | |
stroke: { | |
current: 'currentColor', | |
}, | |
strokeWidth: { | |
'0': '0', | |
'1': '1', | |
'2': '2', | |
}, | |
textColor: theme => theme('colors'), | |
textOpacity: theme => theme('opacity'), | |
width: theme => ({ | |
auto: 'auto', | |
...theme('spacing'), | |
// '1/2': '50%', | |
// '1/3': '33.333333%', | |
// '2/3': '66.666667%', | |
// '1/4': '25%', | |
// '2/4': '50%', | |
// '3/4': '75%', | |
// '1/5': '20%', | |
// '2/5': '40%', | |
// '3/5': '60%', | |
// '4/5': '80%', | |
// '1/6': '16.666667%', | |
// '2/6': '33.333333%', | |
// '3/6': '50%', | |
// '4/6': '66.666667%', | |
// '5/6': '83.333333%', | |
// '1/12': '8.333333%', | |
// '2/12': '16.666667%', | |
// '3/12': '25%', | |
// '4/12': '33.333333%', | |
// '5/12': '41.666667%', | |
// '6/12': '50%', | |
// '7/12': '58.333333%', | |
// '8/12': '66.666667%', | |
// '9/12': '75%', | |
// '10/12': '83.333333%', | |
// '11/12': '91.666667%', | |
full: '100%', | |
// screen: '100vw', | |
}), | |
zIndex: { | |
auto: 'auto', | |
'0': '0', | |
'10': '10', | |
'20': '20', | |
'30': '30', | |
'40': '40', | |
'50': '50', | |
}, | |
gap: theme => theme('spacing'), | |
gridTemplateColumns: { | |
none: 'none', | |
'1': 'repeat(1, minmax(0, 1fr))', | |
'2': 'repeat(2, minmax(0, 1fr))', | |
'3': 'repeat(3, minmax(0, 1fr))', | |
'4': 'repeat(4, minmax(0, 1fr))', | |
'5': 'repeat(5, minmax(0, 1fr))', | |
'6': 'repeat(6, minmax(0, 1fr))', | |
'7': 'repeat(7, minmax(0, 1fr))', | |
'8': 'repeat(8, minmax(0, 1fr))', | |
'9': 'repeat(9, minmax(0, 1fr))', | |
'10': 'repeat(10, minmax(0, 1fr))', | |
'11': 'repeat(11, minmax(0, 1fr))', | |
'12': 'repeat(12, minmax(0, 1fr))', | |
}, | |
gridColumn: { | |
auto: 'auto', | |
'span-1': 'span 1 / span 1', | |
'span-2': 'span 2 / span 2', | |
'span-3': 'span 3 / span 3', | |
'span-4': 'span 4 / span 4', | |
'span-5': 'span 5 / span 5', | |
'span-6': 'span 6 / span 6', | |
'span-7': 'span 7 / span 7', | |
'span-8': 'span 8 / span 8', | |
'span-9': 'span 9 / span 9', | |
'span-10': 'span 10 / span 10', | |
'span-11': 'span 11 / span 11', | |
'span-12': 'span 12 / span 12', | |
}, | |
gridColumnStart: { | |
auto: 'auto', | |
'1': '1', | |
'2': '2', | |
'3': '3', | |
'4': '4', | |
'5': '5', | |
'6': '6', | |
'7': '7', | |
'8': '8', | |
'9': '9', | |
'10': '10', | |
'11': '11', | |
'12': '12', | |
'13': '13', | |
}, | |
gridColumnEnd: { | |
auto: 'auto', | |
'1': '1', | |
'2': '2', | |
'3': '3', | |
'4': '4', | |
'5': '5', | |
'6': '6', | |
'7': '7', | |
'8': '8', | |
'9': '9', | |
'10': '10', | |
'11': '11', | |
'12': '12', | |
'13': '13', | |
}, | |
gridTemplateRows: { | |
none: 'none', | |
'1': 'repeat(1, minmax(0, 1fr))', | |
'2': 'repeat(2, minmax(0, 1fr))', | |
'3': 'repeat(3, minmax(0, 1fr))', | |
'4': 'repeat(4, minmax(0, 1fr))', | |
'5': 'repeat(5, minmax(0, 1fr))', | |
'6': 'repeat(6, minmax(0, 1fr))', | |
}, | |
gridRow: { | |
auto: 'auto', | |
'span-1': 'span 1 / span 1', | |
'span-2': 'span 2 / span 2', | |
'span-3': 'span 3 / span 3', | |
'span-4': 'span 4 / span 4', | |
'span-5': 'span 5 / span 5', | |
'span-6': 'span 6 / span 6', | |
}, | |
gridRowStart: { | |
auto: 'auto', | |
'1': '1', | |
'2': '2', | |
'3': '3', | |
'4': '4', | |
'5': '5', | |
'6': '6', | |
'7': '7', | |
}, | |
gridRowEnd: { | |
auto: 'auto', | |
'1': '1', | |
'2': '2', | |
'3': '3', | |
'4': '4', | |
'5': '5', | |
'6': '6', | |
'7': '7', | |
}, | |
transformOrigin: { | |
center: 'center', | |
top: 'top', | |
'top-right': 'top right', | |
right: 'right', | |
'bottom-right': 'bottom right', | |
bottom: 'bottom', | |
'bottom-left': 'bottom left', | |
left: 'left', | |
'top-left': 'top left', | |
}, | |
scale: { | |
'0': '0', | |
'50': '.5', | |
'75': '.75', | |
'90': '.9', | |
'95': '.95', | |
'100': '1', | |
'105': '1.05', | |
'110': '1.1', | |
'125': '1.25', | |
'150': '1.5', | |
}, | |
rotate: { | |
'-180': '-180deg', | |
'-90': '-90deg', | |
'-45': '-45deg', | |
'0': '0', | |
'45': '45deg', | |
'90': '90deg', | |
'180': '180deg', | |
}, | |
translate: (theme, { negative }) => ({ | |
...theme('spacing'), | |
...negative(theme('spacing')), | |
'-full': '-100%', | |
'-1/2': '-50%', | |
'1/2': '50%', | |
full: '100%', | |
}), | |
skew: { | |
'-12': '-12deg', | |
'-6': '-6deg', | |
'-3': '-3deg', | |
'0': '0', | |
'3': '3deg', | |
'6': '6deg', | |
'12': '12deg', | |
}, | |
transitionProperty: { | |
none: 'none', | |
all: 'all', | |
default: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform', | |
colors: 'background-color, border-color, color, fill, stroke', | |
opacity: 'opacity', | |
shadow: 'box-shadow', | |
transform: 'transform', | |
}, | |
transitionTimingFunction: { | |
linear: 'linear', | |
in: 'cubic-bezier(0.4, 0, 1, 1)', | |
out: 'cubic-bezier(0, 0, 0.2, 1)', | |
'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)', | |
}, | |
transitionDuration: { | |
'75': '75ms', | |
'100': '100ms', | |
'150': '150ms', | |
'200': '200ms', | |
'300': '300ms', | |
'500': '500ms', | |
'700': '700ms', | |
'1000': '1000ms', | |
}, | |
transitionDelay: { | |
'75': '75ms', | |
'100': '100ms', | |
'150': '150ms', | |
'200': '200ms', | |
'300': '300ms', | |
'500': '500ms', | |
'700': '700ms', | |
'1000': '1000ms', | |
}, | |
}, | |
variants: { | |
accessibility: false, // ['responsive', 'focus'], | |
alignContent: ['responsive'], | |
alignItems: ['responsive'], | |
alignSelf: false, // ['responsive'], | |
appearance: false, // ['responsive'], | |
backgroundAttachment: false, // ['responsive'], | |
backgroundColor: ['responsive'], // ['responsive', 'hover', 'focus'], | |
backgroundOpacity: false, // ['responsive', 'hover', 'focus'], | |
backgroundPosition: false, // ['responsive'], | |
backgroundRepeat: false, // ['responsive'], | |
backgroundSize: false, // ['responsive'], | |
borderCollapse: false, // ['responsive'], | |
borderColor: ['responsive'], // ['responsive', 'hover', 'focus'], | |
borderOpacity: ['responsive'], // ['responsive', 'hover', 'focus'], | |
borderRadius: ['responsive'], | |
borderStyle: false, // ['responsive'], | |
borderWidth: ['responsive'], | |
boxShadow: false, // ['responsive', 'hover', 'focus'], | |
boxSizing: false, // ['responsive'], | |
cursor: false, // ['responsive'], | |
display: false, // ['responsive'], | |
divideColor: false, // ['responsive'], | |
divideOpacity: false, // ['responsive'], | |
divideWidth: false, // ['responsive'], | |
fill: ['responsive'], | |
flex: ['responsive'], | |
flexDirection: ['responsive'], | |
flexGrow: false, // ['responsive'], | |
flexShrink: ['responsive'], | |
flexWrap: false, // ['responsive'], | |
float: false, // ['responsive'], | |
clear: false, // ['responsive'], | |
fontFamily: false, // ['responsive'], | |
fontSize: ['responsive'], | |
fontSmoothing: false, // ['responsive'], | |
fontStyle: false, // ['responsive'], | |
fontWeight: ['responsive'], // ['responsive', 'hover', 'focus'], | |
height: ['responsive'], | |
inset: false, // ['responsive'], | |
justifyContent: ['responsive'], | |
letterSpacing: false, // ['responsive'], | |
lineHeight: false, // ['responsive'], | |
listStylePosition: false, // ['responsive'], | |
listStyleType: false, // ['responsive'], | |
margin: ['responsive'], | |
maxHeight: false, // ['responsive'], | |
maxWidth: ['responsive'], | |
minHeight: false, // ['responsive'], | |
minWidth: false, // ['responsive'], | |
objectFit: false, // ['responsive'], | |
objectPosition: false, // ['responsive'], | |
opacity: false, // ['responsive'], // ['responsive', 'hover', 'focus'], | |
order: false, // ['responsive'], | |
outline: false, // ['responsive', 'focus'], | |
overflow: ['responsive'], | |
padding: ['responsive'], | |
placeholderColor: false, // ['responsive', 'focus'], | |
placeholderOpacity: false, // ['responsive', 'focus'], | |
pointerEvents: false, // ['responsive'], | |
position: false, // ['responsive'], | |
resize: false, // ['responsive'], | |
space: false, // ['responsive'], | |
stroke: false, // ['responsive'], | |
strokeWidth: false, // ['responsive'], | |
tableLayout: false, // ['responsive'], | |
textAlign: ['responsive'], | |
textColor: ['responsive'], // ['responsive', 'hover', 'focus'], | |
textOpacity: false, // ['responsive', 'hover', 'focus'], | |
textDecoration: false, // ['responsive', 'hover', 'focus'], | |
textTransform: false, // ['responsive'], | |
userSelect: false, // ['responsive'], | |
verticalAlign: false, // ['responsive'], | |
visibility: false, // ['responsive'], | |
whitespace: false, // ['responsive'], | |
width: ['responsive'], | |
wordBreak: false, // ['responsive'], | |
zIndex: false, // ['responsive'], | |
gap: false, // ['responsive'], | |
gridAutoFlow: false, // ['responsive'], | |
gridTemplateColumns: false, // ['responsive'], | |
gridColumn: false, // ['responsive'], | |
gridColumnStart: false, // ['responsive'], | |
gridColumnEnd: false, // ['responsive'], | |
gridTemplateRows: false, // ['responsive'], | |
gridRow: false, // ['responsive'], | |
gridRowStart: false, // ['responsive'], | |
gridRowEnd: false, // ['responsive'], | |
transform: false, // ['responsive'], | |
transformOrigin: false, // ['responsive'], | |
scale: false, // ['responsive', 'hover', 'focus'], | |
rotate: false, // ['responsive', 'hover', 'focus'], | |
translate: false, // ['responsive', 'hover', 'focus'], | |
skew: false, // ['responsive', 'hover', 'focus'], | |
transitionProperty: false, // ['responsive'], | |
transitionTimingFunction: false, // ['responsive'], | |
transitionDuration: false, // ['responsive'], | |
transitionDelay: false, // ['responsive'], | |
}, | |
corePlugins: {}, | |
plugins: [], | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |
/* Document | |
========================================================================== */ | |
/** | |
* 1. Correct the line height in all browsers. | |
* 2. Prevent adjustments of font size after orientation changes in iOS. | |
*/ | |
html { | |
line-height: 1.15; /* 1 */ | |
-webkit-text-size-adjust: 100%; /* 2 */ | |
} | |
/* Sections | |
========================================================================== */ | |
/** | |
* Remove the margin in all browsers. | |
*/ | |
body { | |
margin: 0; | |
} | |
/** | |
* Render the `main` element consistently in IE. | |
*/ | |
main { | |
display: block; | |
} | |
/** | |
* Correct the font size and margin on `h1` elements within `section` and | |
* `article` contexts in Chrome, Firefox, and Safari. | |
*/ | |
h1 { | |
font-size: 2em; | |
margin: 0.67em 0; | |
} | |
/* Grouping content | |
========================================================================== */ | |
/** | |
* 1. Add the correct box sizing in Firefox. | |
* 2. Show the overflow in Edge and IE. | |
*/ | |
hr { | |
box-sizing: content-box; /* 1 */ | |
height: 0; /* 1 */ | |
overflow: visible; /* 2 */ | |
} | |
/** | |
* 1. Correct the inheritance and scaling of font size in all browsers. | |
* 2. Correct the odd `em` font sizing in all browsers. | |
*/ | |
pre { | |
font-family: monospace, monospace; /* 1 */ | |
font-size: 1em; /* 2 */ | |
} | |
/* Text-level semantics | |
========================================================================== */ | |
/** | |
* Remove the gray background on active links in IE 10. | |
*/ | |
a { | |
background-color: transparent; | |
} | |
/** | |
* 1. Remove the bottom border in Chrome 57- | |
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | |
*/ | |
abbr[title] { | |
border-bottom: none; /* 1 */ | |
text-decoration: underline; /* 2 */ | |
-webkit-text-decoration: underline dotted; | |
text-decoration: underline dotted; /* 2 */ | |
} | |
/** | |
* Add the correct font weight in Chrome, Edge, and Safari. | |
*/ | |
b, | |
strong { | |
font-weight: bolder; | |
} | |
/** | |
* 1. Correct the inheritance and scaling of font size in all browsers. | |
* 2. Correct the odd `em` font sizing in all browsers. | |
*/ | |
code, | |
kbd, | |
samp { | |
font-family: monospace, monospace; /* 1 */ | |
font-size: 1em; /* 2 */ | |
} | |
/** | |
* Add the correct font size in all browsers. | |
*/ | |
small { | |
font-size: 80%; | |
} | |
/** | |
* Prevent `sub` and `sup` elements from affecting the line height in | |
* all browsers. | |
*/ | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
sup { | |
top: -0.5em; | |
} | |
/* Embedded content | |
========================================================================== */ | |
/** | |
* Remove the border on images inside links in IE 10. | |
*/ | |
img { | |
border-style: none; | |
} | |
/* Forms | |
========================================================================== */ | |
/** | |
* 1. Change the font styles in all browsers. | |
* 2. Remove the margin in Firefox and Safari. | |
*/ | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
font-family: inherit; /* 1 */ | |
font-size: 100%; /* 1 */ | |
line-height: 1.15; /* 1 */ | |
margin: 0; /* 2 */ | |
} | |
/** | |
* Show the overflow in IE. | |
* 1. Show the overflow in Edge. | |
*/ | |
button, | |
input { /* 1 */ | |
overflow: visible; | |
} | |
/** | |
* Remove the inheritance of text transform in Edge, Firefox, and IE. | |
* 1. Remove the inheritance of text transform in Firefox. | |
*/ | |
button, | |
select { /* 1 */ | |
text-transform: none; | |
} | |
/** | |
* Correct the inability to style clickable types in iOS and Safari. | |
*/ | |
button, | |
[type="button"], | |
[type="reset"], | |
[type="submit"] { | |
-webkit-appearance: button; | |
} | |
/** | |
* Remove the inner border and padding in Firefox. | |
*/ | |
button::-moz-focus-inner, | |
[type="button"]::-moz-focus-inner, | |
[type="reset"]::-moz-focus-inner, | |
[type="submit"]::-moz-focus-inner { | |
border-style: none; | |
padding: 0; | |
} | |
/** | |
* Restore the focus styles unset by the previous rule. | |
*/ | |
button:-moz-focusring, | |
[type="button"]:-moz-focusring, | |
[type="reset"]:-moz-focusring, | |
[type="submit"]:-moz-focusring { | |
outline: 1px dotted ButtonText; | |
} | |
/** | |
* Correct the padding in Firefox. | |
*/ | |
fieldset { | |
padding: 0.35em 0.75em 0.625em; | |
} | |
/** | |
* 1. Correct the text wrapping in Edge and IE. | |
* 2. Correct the color inheritance from `fieldset` elements in IE. | |
* 3. Remove the padding so developers are not caught out when they zero out | |
* `fieldset` elements in all browsers. | |
*/ | |
legend { | |
box-sizing: border-box; /* 1 */ | |
color: inherit; /* 2 */ | |
display: table; /* 1 */ | |
max-width: 100%; /* 1 */ | |
padding: 0; /* 3 */ | |
white-space: normal; /* 1 */ | |
} | |
/** | |
* Add the correct vertical alignment in Chrome, Firefox, and Opera. | |
*/ | |
progress { | |
vertical-align: baseline; | |
} | |
/** | |
* Remove the default vertical scrollbar in IE 10+. | |
*/ | |
textarea { | |
overflow: auto; | |
} | |
/** | |
* 1. Add the correct box sizing in IE 10. | |
* 2. Remove the padding in IE 10. | |
*/ | |
[type="checkbox"], | |
[type="radio"] { | |
box-sizing: border-box; /* 1 */ | |
padding: 0; /* 2 */ | |
} | |
/** | |
* Correct the cursor style of increment and decrement buttons in Chrome. | |
*/ | |
[type="number"]::-webkit-inner-spin-button, | |
[type="number"]::-webkit-outer-spin-button { | |
height: auto; | |
} | |
/** | |
* 1. Correct the odd appearance in Chrome and Safari. | |
* 2. Correct the outline style in Safari. | |
*/ | |
[type="search"] { | |
-webkit-appearance: textfield; /* 1 */ | |
outline-offset: -2px; /* 2 */ | |
} | |
/** | |
* Remove the inner padding in Chrome and Safari on macOS. | |
*/ | |
[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
/** | |
* 1. Correct the inability to style clickable types in iOS and Safari. | |
* 2. Change font properties to `inherit` in Safari. | |
*/ | |
::-webkit-file-upload-button { | |
-webkit-appearance: button; /* 1 */ | |
font: inherit; /* 2 */ | |
} | |
/* Interactive | |
========================================================================== */ | |
/* | |
* Add the correct display in Edge, IE 10+, and Firefox. | |
*/ | |
details { | |
display: block; | |
} | |
/* | |
* Add the correct display in all browsers. | |
*/ | |
summary { | |
display: list-item; | |
} | |
/* Misc | |
========================================================================== */ | |
/** | |
* Add the correct display in IE 10+. | |
*/ | |
template { | |
display: none; | |
} | |
/** | |
* Add the correct display in IE 10. | |
*/ | |
[hidden] { | |
display: none; | |
} | |
/** | |
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base | |
* A thin layer on top of normalize.css that provides a starting point more | |
* suitable for web applications. | |
*/ | |
/** | |
* Removes the default spacing and border for appropriate elements. | |
*/ | |
blockquote, | |
dl, | |
dd, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
hr, | |
figure, | |
p, | |
pre { | |
margin: 0; | |
} | |
button { | |
background-color: transparent; | |
background-image: none; | |
padding: 0; | |
} | |
/** | |
* Work around a Firefox/IE bug where the transparent `button` background | |
* results in a loss of the default `button` focus styles. | |
*/ | |
button:focus { | |
outline: 1px dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
} | |
fieldset { | |
margin: 0; | |
padding: 0; | |
} | |
ol, | |
ul { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
/** | |
* Tailwind custom reset styles | |
*/ | |
/** | |
* 1. Use the user's configured `sans` font-family (with Tailwind's default | |
* sans-serif font stack as a fallback) as a sane default. | |
* 2. Use Tailwind's default "normal" line-height so the user isn't forced | |
* to override it to ensure consistency even when using the default theme. | |
*/ | |
html { | |
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ | |
line-height: 1.5; /* 2 */ | |
} | |
/** | |
* 1. Prevent padding and border from affecting element width. | |
* | |
* We used to set this in the html element and inherit from | |
* the parent element for everything else. This caused issues | |
* in shadow-dom-enhanced elements like <details> where the content | |
* is wrapped by a div with box-sizing set to `content-box`. | |
* | |
* https://github.com/mozdevs/cssremedy/issues/4 | |
* | |
* | |
* 2. Allow adding a border to an element by just adding a border-width. | |
* | |
* By default, the way the browser specifies that an element should have no | |
* border is by setting it's border-style to `none` in the user-agent | |
* stylesheet. | |
* | |
* In order to easily add borders to elements by just setting the `border-width` | |
* property, we change the default border-style for all elements to `solid`, and | |
* use border-width to hide them instead. This way our `border` utilities only | |
* need to set the `border-width` property instead of the entire `border` | |
* shorthand, making our border utilities much more straightforward to compose. | |
* | |
* https://github.com/tailwindcss/tailwindcss/pull/116 | |
*/ | |
*, | |
::before, | |
::after { | |
box-sizing: border-box; /* 1 */ | |
border-width: 0; /* 2 */ | |
border-style: solid; /* 2 */ | |
border-color: currentColor; /* 2 */ | |
} | |
/* | |
* Ensure horizontal rules are visible by default | |
*/ | |
hr { | |
border-top-width: 1px; | |
} | |
/** | |
* Undo the `border-style: none` reset that Normalize applies to images so that | |
* our `border-{width}` utilities have the expected effect. | |
* | |
* The Normalize reset is unnecessary for us since we default the border-width | |
* to 0 on all elements. | |
* | |
* https://github.com/tailwindcss/tailwindcss/issues/362 | |
*/ | |
img { | |
border-style: solid; | |
} | |
textarea { | |
resize: vertical; | |
} | |
input::-moz-placeholder, textarea::-moz-placeholder { | |
color: #a0aec0; | |
} | |
input:-ms-input-placeholder, textarea:-ms-input-placeholder { | |
color: #a0aec0; | |
} | |
input::-ms-input-placeholder, textarea::-ms-input-placeholder { | |
color: #a0aec0; | |
} | |
input::placeholder, | |
textarea::placeholder { | |
color: #a0aec0; | |
} | |
button, | |
[role="button"] { | |
cursor: pointer; | |
} | |
table { | |
border-collapse: collapse; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
font-size: inherit; | |
font-weight: inherit; | |
} | |
/** | |
* Reset links to optimize for opt-in styling instead of | |
* opt-out. | |
*/ | |
a { | |
color: inherit; | |
text-decoration: inherit; | |
} | |
/** | |
* Reset form element properties that are easy to forget to | |
* style explicitly so you don't inadvertently introduce | |
* styles that deviate from your design system. These styles | |
* supplement a partial reset that is already applied by | |
* normalize.css. | |
*/ | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
padding: 0; | |
line-height: inherit; | |
color: inherit; | |
} | |
/** | |
* Use the configured 'mono' font family for elements that | |
* are expected to be rendered with a monospace font, falling | |
* back to the system monospace stack if there is no configured | |
* 'mono' font family. | |
*/ | |
pre, | |
code, | |
kbd, | |
samp { | |
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
} | |
/** | |
* Make replaced elements `display: block` by default as that's | |
* the behavior you want almost all of the time. Inspired by | |
* CSS Remedy, with `svg` added as well. | |
* | |
* https://github.com/mozdevs/cssremedy/issues/14 | |
*/ | |
img, | |
svg, | |
video, | |
canvas, | |
audio, | |
iframe, | |
embed, | |
object { | |
display: block; | |
vertical-align: middle; | |
} | |
/** | |
* Constrain images and videos to the parent width and preserve | |
* their instrinsic aspect ratio. | |
* | |
* https://github.com/mozdevs/cssremedy/issues/14 | |
*/ | |
img, | |
video { | |
max-width: 100%; | |
height: auto; | |
} | |
.container { | |
width: 100%; | |
} | |
@media (min-width: 640px) { | |
.container { | |
max-width: 640px; | |
} | |
} | |
.space-y-2 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(0.5rem * var(--space-y-reverse)); | |
} | |
.space-x-2 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(0.5rem * var(--space-x-reverse)); | |
margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-3 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(0.75rem * var(--space-y-reverse)); | |
} | |
.space-x-3 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(0.75rem * var(--space-x-reverse)); | |
margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-4 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(1rem * var(--space-y-reverse)); | |
} | |
.space-x-4 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(1rem * var(--space-x-reverse)); | |
margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-6 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(1.5rem * var(--space-y-reverse)); | |
} | |
.space-x-6 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(1.5rem * var(--space-x-reverse)); | |
margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-8 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(2rem * var(--space-y-reverse)); | |
} | |
.space-x-8 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(2rem * var(--space-x-reverse)); | |
margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-12 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(3rem * var(--space-y-reverse)); | |
} | |
.space-x-12 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(3rem * var(--space-x-reverse)); | |
margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-32 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(8rem * var(--space-y-reverse)); | |
} | |
.space-x-32 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(8rem * var(--space-x-reverse)); | |
margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-96 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(24rem * var(--space-y-reverse)); | |
} | |
.space-x-96 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(24rem * var(--space-x-reverse)); | |
margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-142 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(36rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(36rem * var(--space-y-reverse)); | |
} | |
.space-x-142 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(36rem * var(--space-x-reverse)); | |
margin-left: calc(36rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-2 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-0.5rem * var(--space-y-reverse)); | |
} | |
.-space-x-2 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-0.5rem * var(--space-x-reverse)); | |
margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-3 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-0.75rem * var(--space-y-reverse)); | |
} | |
.-space-x-3 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-0.75rem * var(--space-x-reverse)); | |
margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-4 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-1rem * var(--space-y-reverse)); | |
} | |
.-space-x-4 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-1rem * var(--space-x-reverse)); | |
margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-6 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-1.5rem * var(--space-y-reverse)); | |
} | |
.-space-x-6 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-1.5rem * var(--space-x-reverse)); | |
margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-8 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-2rem * var(--space-y-reverse)); | |
} | |
.-space-x-8 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-2rem * var(--space-x-reverse)); | |
margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-12 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-3rem * var(--space-y-reverse)); | |
} | |
.-space-x-12 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-3rem * var(--space-x-reverse)); | |
margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-32 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-8rem * var(--space-y-reverse)); | |
} | |
.-space-x-32 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-8rem * var(--space-x-reverse)); | |
margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-96 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-24rem * var(--space-y-reverse)); | |
} | |
.-space-x-96 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-24rem * var(--space-x-reverse)); | |
margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); | |
} | |
.-space-y-142 > :not(template) ~ :not(template) { | |
--space-y-reverse: 0; | |
margin-top: calc(-36rem * calc(1 - var(--space-y-reverse))); | |
margin-bottom: calc(-36rem * var(--space-y-reverse)); | |
} | |
.-space-x-142 > :not(template) ~ :not(template) { | |
--space-x-reverse: 0; | |
margin-right: calc(-36rem * var(--space-x-reverse)); | |
margin-left: calc(-36rem * calc(1 - var(--space-x-reverse))); | |
} | |
.space-y-reverse > :not(template) ~ :not(template) { | |
--space-y-reverse: 1; | |
} | |
.space-x-reverse > :not(template) ~ :not(template) { | |
--space-x-reverse: 1; | |
} | |
.divide-y-0 > :not(template) ~ :not(template) { | |
--divide-y-reverse: 0; | |
border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); | |
border-bottom-width: calc(0px * var(--divide-y-reverse)); | |
} | |
.divide-x-0 > :not(template) ~ :not(template) { | |
--divide-x-reverse: 0; | |
border-right-width: calc(0px * var(--divide-x-reverse)); | |
border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); | |
} | |
.divide-y-2 > :not(template) ~ :not(template) { | |
--divide-y-reverse: 0; | |
border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); | |
border-bottom-width: calc(2px * var(--divide-y-reverse)); | |
} | |
.divide-x-2 > :not(template) ~ :not(template) { | |
--divide-x-reverse: 0; | |
border-right-width: calc(2px * var(--divide-x-reverse)); | |
border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); | |
} | |
.divide-y-4 > :not(template) ~ :not(template) { | |
--divide-y-reverse: 0; | |
border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); | |
border-bottom-width: calc(4px * var(--divide-y-reverse)); | |
} | |
.divide-x-4 > :not(template) ~ :not(template) { | |
--divide-x-reverse: 0; | |
border-right-width: calc(4px * var(--divide-x-reverse)); | |
border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); | |
} | |
.divide-y-8 > :not(template) ~ :not(template) { | |
--divide-y-reverse: 0; | |
border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); | |
border-bottom-width: calc(8px * var(--divide-y-reverse)); | |
} | |
.divide-x-8 > :not(template) ~ :not(template) { | |
--divide-x-reverse: 0; | |
border-right-width: calc(8px * var(--divide-x-reverse)); | |
border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); | |
} | |
.divide-y > :not(template) ~ :not(template) { | |
--divide-y-reverse: 0; | |
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); | |
border-bottom-width: calc(1px * var(--divide-y-reverse)); | |
} | |
.divide-x > :not(template) ~ :not(template) { | |
--divide-x-reverse: 0; | |
border-right-width: calc(1px * var(--divide-x-reverse)); | |
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); | |
} | |
.divide-y-reverse > :not(template) ~ :not(template) { | |
--divide-y-reverse: 1; | |
} | |
.divide-x-reverse > :not(template) ~ :not(template) { | |
--divide-x-reverse: 1; | |
} | |
.divide-transparent > :not(template) ~ :not(template) { | |
border-color: transparent; | |
} | |
.divide-white > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
border-color: #ffffff; | |
border-color: rgba(255, 255, 255, var(--divide-opacity)); | |
} | |
.divide-cool-gray-100 > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
border-color: #f1f5f9; | |
border-color: rgba(241, 245, 249, var(--divide-opacity)); | |
} | |
.divide-cool-gray-300 > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
border-color: #cfd8e3; | |
border-color: rgba(207, 216, 227, var(--divide-opacity)); | |
} | |
.divide-cool-gray-800 > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
border-color: #27303f; | |
border-color: rgba(39, 48, 63, var(--divide-opacity)); | |
} | |
.divide-cool-gray-900 > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
border-color: #1a202e; | |
border-color: rgba(26, 32, 46, var(--divide-opacity)); | |
} | |
.divide-orange-200 > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
border-color: #faad3f; | |
border-color: rgba(250, 173, 63, var(--divide-opacity)); | |
} | |
.divide-orange-500 > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
border-color: #ff5a1f; | |
border-color: rgba(255, 90, 31, var(--divide-opacity)); | |
} | |
.divide-opacity-0 > :not(template) ~ :not(template) { | |
--divide-opacity: 0; | |
} | |
.divide-opacity-25 > :not(template) ~ :not(template) { | |
--divide-opacity: 0.25; | |
} | |
.divide-opacity-50 > :not(template) ~ :not(template) { | |
--divide-opacity: 0.5; | |
} | |
.divide-opacity-75 > :not(template) ~ :not(template) { | |
--divide-opacity: 0.75; | |
} | |
.divide-opacity-100 > :not(template) ~ :not(template) { | |
--divide-opacity: 1; | |
} | |
.sr-only { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
padding: 0; | |
margin: -1px; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
white-space: nowrap; | |
border-width: 0; | |
} | |
.not-sr-only { | |
position: static; | |
width: auto; | |
height: auto; | |
padding: 0; | |
margin: 0; | |
overflow: visible; | |
clip: auto; | |
white-space: normal; | |
} | |
.appearance-none { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
} | |
.bg-fixed { | |
background-attachment: fixed; | |
} | |
.bg-local { | |
background-attachment: local; | |
} | |
.bg-scroll { | |
background-attachment: scroll; | |
} | |
.bg-transparent { | |
background-color: transparent; | |
} | |
.bg-white { | |
--bg-opacity: 1; | |
background-color: #ffffff; | |
background-color: rgba(255, 255, 255, var(--bg-opacity)); | |
} | |
.bg-cool-gray-100 { | |
--bg-opacity: 1; | |
background-color: #f1f5f9; | |
background-color: rgba(241, 245, 249, var(--bg-opacity)); | |
} | |
.bg-cool-gray-300 { | |
--bg-opacity: 1; | |
background-color: #cfd8e3; | |
background-color: rgba(207, 216, 227, var(--bg-opacity)); | |
} | |
.bg-cool-gray-800 { | |
--bg-opacity: 1; | |
background-color: #27303f; | |
background-color: rgba(39, 48, 63, var(--bg-opacity)); | |
} | |
.bg-cool-gray-900 { | |
--bg-opacity: 1; | |
background-color: #1a202e; | |
background-color: rgba(26, 32, 46, var(--bg-opacity)); | |
} | |
.bg-orange-200 { | |
--bg-opacity: 1; | |
background-color: #faad3f; | |
background-color: rgba(250, 173, 63, var(--bg-opacity)); | |
} | |
.bg-orange-500 { | |
--bg-opacity: 1; | |
background-color: #ff5a1f; | |
background-color: rgba(255, 90, 31, var(--bg-opacity)); | |
} | |
.bg-opacity-0 { | |
--bg-opacity: 0; | |
} | |
.bg-opacity-25 { | |
--bg-opacity: 0.25; | |
} | |
.bg-opacity-50 { | |
--bg-opacity: 0.5; | |
} | |
.bg-opacity-75 { | |
--bg-opacity: 0.75; | |
} | |
.bg-opacity-100 { | |
--bg-opacity: 1; | |
} | |
.bg-bottom { | |
background-position: bottom; | |
} | |
.bg-center { | |
background-position: center; | |
} | |
.bg-left { | |
background-position: left; | |
} | |
.bg-left-bottom { | |
background-position: left bottom; | |
} | |
.bg-left-top { | |
background-position: left top; | |
} | |
.bg-right { | |
background-position: right; | |
} | |
.bg-right-bottom { | |
background-position: right bottom; | |
} | |
.bg-right-top { | |
background-position: right top; | |
} | |
.bg-top { | |
background-position: top; | |
} | |
.bg-repeat { | |
background-repeat: repeat; | |
} | |
.bg-no-repeat { | |
background-repeat: no-repeat; | |
} | |
.bg-repeat-x { | |
background-repeat: repeat-x; | |
} | |
.bg-repeat-y { | |
background-repeat: repeat-y; | |
} | |
.bg-repeat-round { | |
background-repeat: round; | |
} | |
.bg-repeat-space { | |
background-repeat: space; | |
} | |
.bg-auto { | |
background-size: auto; | |
} | |
.bg-cover { | |
background-size: cover; | |
} | |
.bg-contain { | |
background-size: contain; | |
} | |
.border-collapse { | |
border-collapse: collapse; | |
} | |
.border-separate { | |
border-collapse: separate; | |
} | |
.border-transparent { | |
border-color: transparent; | |
} | |
.border-white { | |
--border-opacity: 1; | |
border-color: #ffffff; | |
border-color: rgba(255, 255, 255, var(--border-opacity)); | |
} | |
.border-cool-gray-100 { | |
--border-opacity: 1; | |
border-color: #f1f5f9; | |
border-color: rgba(241, 245, 249, var(--border-opacity)); | |
} | |
.border-cool-gray-300 { | |
--border-opacity: 1; | |
border-color: #cfd8e3; | |
border-color: rgba(207, 216, 227, var(--border-opacity)); | |
} | |
.border-cool-gray-800 { | |
--border-opacity: 1; | |
border-color: #27303f; | |
border-color: rgba(39, 48, 63, var(--border-opacity)); | |
} | |
.border-cool-gray-900 { | |
--border-opacity: 1; | |
border-color: #1a202e; | |
border-color: rgba(26, 32, 46, var(--border-opacity)); | |
} | |
.border-orange-200 { | |
--border-opacity: 1; | |
border-color: #faad3f; | |
border-color: rgba(250, 173, 63, var(--border-opacity)); | |
} | |
.border-orange-500 { | |
--border-opacity: 1; | |
border-color: #ff5a1f; | |
border-color: rgba(255, 90, 31, var(--border-opacity)); | |
} | |
.border-opacity-0 { | |
--border-opacity: 0; | |
} | |
.border-opacity-25 { | |
--border-opacity: 0.25; | |
} | |
.border-opacity-50 { | |
--border-opacity: 0.5; | |
} | |
.border-opacity-75 { | |
--border-opacity: 0.75; | |
} | |
.border-opacity-100 { | |
--border-opacity: 1; | |
} | |
.rounded-none { | |
border-radius: 0; | |
} | |
.rounded-sm { | |
border-radius: 0.125rem; | |
} | |
.rounded { | |
border-radius: 0.25rem; | |
} | |
.rounded-md { | |
border-radius: 0.375rem; | |
} | |
.rounded-lg { | |
border-radius: 0.5rem; | |
} | |
.rounded-full { | |
border-radius: 9999px; | |
} | |
.rounded-t-none { | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.rounded-r-none { | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.rounded-b-none { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.rounded-l-none { | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.rounded-t-sm { | |
border-top-left-radius: 0.125rem; | |
border-top-right-radius: 0.125rem; | |
} | |
.rounded-r-sm { | |
border-top-right-radius: 0.125rem; | |
border-bottom-right-radius: 0.125rem; | |
} | |
.rounded-b-sm { | |
border-bottom-right-radius: 0.125rem; | |
border-bottom-left-radius: 0.125rem; | |
} | |
.rounded-l-sm { | |
border-top-left-radius: 0.125rem; | |
border-bottom-left-radius: 0.125rem; | |
} | |
.rounded-t { | |
border-top-left-radius: 0.25rem; | |
border-top-right-radius: 0.25rem; | |
} | |
.rounded-r { | |
border-top-right-radius: 0.25rem; | |
border-bottom-right-radius: 0.25rem; | |
} | |
.rounded-b { | |
border-bottom-right-radius: 0.25rem; | |
border-bottom-left-radius: 0.25rem; | |
} | |
.rounded-l { | |
border-top-left-radius: 0.25rem; | |
border-bottom-left-radius: 0.25rem; | |
} | |
.rounded-t-md { | |
border-top-left-radius: 0.375rem; | |
border-top-right-radius: 0.375rem; | |
} | |
.rounded-r-md { | |
border-top-right-radius: 0.375rem; | |
border-bottom-right-radius: 0.375rem; | |
} | |
.rounded-b-md { | |
border-bottom-right-radius: 0.375rem; | |
border-bottom-left-radius: 0.375rem; | |
} | |
.rounded-l-md { | |
border-top-left-radius: 0.375rem; | |
border-bottom-left-radius: 0.375rem; | |
} | |
.rounded-t-lg { | |
border-top-left-radius: 0.5rem; | |
border-top-right-radius: 0.5rem; | |
} | |
.rounded-r-lg { | |
border-top-right-radius: 0.5rem; | |
border-bottom-right-radius: 0.5rem; | |
} | |
.rounded-b-lg { | |
border-bottom-right-radius: 0.5rem; | |
border-bottom-left-radius: 0.5rem; | |
} | |
.rounded-l-lg { | |
border-top-left-radius: 0.5rem; | |
border-bottom-left-radius: 0.5rem; | |
} | |
.rounded-t-full { | |
border-top-left-radius: 9999px; | |
border-top-right-radius: 9999px; | |
} | |
.rounded-r-full { | |
border-top-right-radius: 9999px; | |
border-bottom-right-radius: 9999px; | |
} | |
.rounded-b-full { | |
border-bottom-right-radius: 9999px; | |
border-bottom-left-radius: 9999px; | |
} | |
.rounded-l-full { | |
border-top-left-radius: 9999px; | |
border-bottom-left-radius: 9999px; | |
} | |
.rounded-tl-none { | |
border-top-left-radius: 0; | |
} | |
.rounded-tr-none { | |
border-top-right-radius: 0; | |
} | |
.rounded-br-none { | |
border-bottom-right-radius: 0; | |
} | |
.rounded-bl-none { | |
border-bottom-left-radius: 0; | |
} | |
.rounded-tl-sm { | |
border-top-left-radius: 0.125rem; | |
} | |
.rounded-tr-sm { | |
border-top-right-radius: 0.125rem; | |
} | |
.rounded-br-sm { | |
border-bottom-right-radius: 0.125rem; | |
} | |
.rounded-bl-sm { | |
border-bottom-left-radius: 0.125rem; | |
} | |
.rounded-tl { | |
border-top-left-radius: 0.25rem; | |
} | |
.rounded-tr { | |
border-top-right-radius: 0.25rem; | |
} | |
.rounded-br { | |
border-bottom-right-radius: 0.25rem; | |
} | |
.rounded-bl { | |
border-bottom-left-radius: 0.25rem; | |
} | |
.rounded-tl-md { | |
border-top-left-radius: 0.375rem; | |
} | |
.rounded-tr-md { | |
border-top-right-radius: 0.375rem; | |
} | |
.rounded-br-md { | |
border-bottom-right-radius: 0.375rem; | |
} | |
.rounded-bl-md { | |
border-bottom-left-radius: 0.375rem; | |
} | |
.rounded-tl-lg { | |
border-top-left-radius: 0.5rem; | |
} | |
.rounded-tr-lg { | |
border-top-right-radius: 0.5rem; | |
} | |
.rounded-br-lg { | |
border-bottom-right-radius: 0.5rem; | |
} | |
.rounded-bl-lg { | |
border-bottom-left-radius: 0.5rem; | |
} | |
.rounded-tl-full { | |
border-top-left-radius: 9999px; | |
} | |
.rounded-tr-full { | |
border-top-right-radius: 9999px; | |
} | |
.rounded-br-full { | |
border-bottom-right-radius: 9999px; | |
} | |
.rounded-bl-full { | |
border-bottom-left-radius: 9999px; | |
} | |
.border-solid { | |
border-style: solid; | |
} | |
.border-dashed { | |
border-style: dashed; | |
} | |
.border-dotted { | |
border-style: dotted; | |
} | |
.border-double { | |
border-style: double; | |
} | |
.border-none { | |
border-style: none; | |
} | |
.border-0 { | |
border-width: 0; | |
} | |
.border-2 { | |
border-width: 2px; | |
} | |
.border-4 { | |
border-width: 4px; | |
} | |
.border-8 { | |
border-width: 8px; | |
} | |
.border { | |
border-width: 1px; | |
} | |
.border-t-0 { | |
border-top-width: 0; | |
} | |
.border-r-0 { | |
border-right-width: 0; | |
} | |
.border-b-0 { | |
border-bottom-width: 0; | |
} | |
.border-l-0 { | |
border-left-width: 0; | |
} | |
.border-t-2 { | |
border-top-width: 2px; | |
} | |
.border-r-2 { | |
border-right-width: 2px; | |
} | |
.border-b-2 { | |
border-bottom-width: 2px; | |
} | |
.border-l-2 { | |
border-left-width: 2px; | |
} | |
.border-t-4 { | |
border-top-width: 4px; | |
} | |
.border-r-4 { | |
border-right-width: 4px; | |
} | |
.border-b-4 { | |
border-bottom-width: 4px; | |
} | |
.border-l-4 { | |
border-left-width: 4px; | |
} | |
.border-t-8 { | |
border-top-width: 8px; | |
} | |
.border-r-8 { | |
border-right-width: 8px; | |
} | |
.border-b-8 { | |
border-bottom-width: 8px; | |
} | |
.border-l-8 { | |
border-left-width: 8px; | |
} | |
.border-t { | |
border-top-width: 1px; | |
} | |
.border-r { | |
border-right-width: 1px; | |
} | |
.border-b { | |
border-bottom-width: 1px; | |
} | |
.border-l { | |
border-left-width: 1px; | |
} | |
.box-border { | |
box-sizing: border-box; | |
} | |
.box-content { | |
box-sizing: content-box; | |
} | |
.cursor-auto { | |
cursor: auto; | |
} | |
.cursor-default { | |
cursor: default; | |
} | |
.cursor-pointer { | |
cursor: pointer; | |
} | |
.cursor-wait { | |
cursor: wait; | |
} | |
.cursor-text { | |
cursor: text; | |
} | |
.cursor-move { | |
cursor: move; | |
} | |
.cursor-not-allowed { | |
cursor: not-allowed; | |
} | |
.block { | |
display: block; | |
} | |
.inline-block { | |
display: inline-block; | |
} | |
.inline { | |
display: inline; | |
} | |
.flex { | |
display: flex; | |
} | |
.inline-flex { | |
display: inline-flex; | |
} | |
.table { | |
display: 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; | |
} | |
.hidden { | |
display: none; | |
} | |
.flex-row { | |
flex-direction: row; | |
} | |
.flex-row-reverse { | |
flex-direction: row-reverse; | |
} | |
.flex-col { | |
flex-direction: column; | |
} | |
.flex-col-reverse { | |
flex-direction: column-reverse; | |
} | |
.flex-wrap { | |
flex-wrap: wrap; | |
} | |
.flex-wrap-reverse { | |
flex-wrap: wrap-reverse; | |
} | |
.flex-no-wrap { | |
flex-wrap: nowrap; | |
} | |
.items-start { | |
align-items: flex-start; | |
} | |
.items-end { | |
align-items: flex-end; | |
} | |
.items-center { | |
align-items: center; | |
} | |
.items-baseline { | |
align-items: baseline; | |
} | |
.items-stretch { | |
align-items: stretch; | |
} | |
.self-auto { | |
align-self: auto; | |
} | |
.self-start { | |
align-self: flex-start; | |
} | |
.self-end { | |
align-self: flex-end; | |
} | |
.self-center { | |
align-self: center; | |
} | |
.self-stretch { | |
align-self: stretch; | |
} | |
.justify-start { | |
justify-content: flex-start; | |
} | |
.justify-end { | |
justify-content: flex-end; | |
} | |
.justify-center { | |
justify-content: center; | |
} | |
.justify-between { | |
justify-content: space-between; | |
} | |
.justify-around { | |
justify-content: space-around; | |
} | |
.justify-evenly { | |
justify-content: space-evenly; | |
} | |
.content-center { | |
align-content: center; | |
} | |
.content-start { | |
align-content: flex-start; | |
} | |
.content-end { | |
align-content: flex-end; | |
} | |
.content-between { | |
align-content: space-between; | |
} | |
.content-around { | |
align-content: space-around; | |
} | |
.flex-1 { | |
flex: 1 1 0%; | |
} | |
.flex-auto { | |
flex: 1 1 auto; | |
} | |
.flex-initial { | |
flex: 0 1 auto; | |
} | |
.flex-none { | |
flex: none; | |
} | |
.flex-grow-0 { | |
flex-grow: 0; | |
} | |
.flex-grow { | |
flex-grow: 1; | |
} | |
.flex-shrink-0 { | |
flex-shrink: 0; | |
} | |
.flex-shrink { | |
flex-shrink: 1; | |
} | |
.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; | |
} | |
.float-right { | |
float: right; | |
} | |
.float-left { | |
float: left; | |
} | |
.float-none { | |
float: none; | |
} | |
.clearfix:after { | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
.clear-left { | |
clear: left; | |
} | |
.clear-right { | |
clear: right; | |
} | |
.clear-both { | |
clear: both; | |
} | |
.clear-none { | |
clear: none; | |
} | |
.font-sans { | |
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
} | |
.font-serif { | |
font-family: Georgia, Cambria, "Times New Roman", Times, serif; | |
} | |
.font-mono { | |
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
} | |
.font-thin { | |
font-weight: 200; | |
} | |
.font-normal { | |
font-weight: 400; | |
} | |
.h-2 { | |
height: 0.5rem; | |
} | |
.h-3 { | |
height: 0.75rem; | |
} | |
.h-4 { | |
height: 1rem; | |
} | |
.h-6 { | |
height: 1.5rem; | |
} | |
.h-8 { | |
height: 2rem; | |
} | |
.h-12 { | |
height: 3rem; | |
} | |
.h-32 { | |
height: 8rem; | |
} | |
.h-96 { | |
height: 24rem; | |
} | |
.h-142 { | |
height: 36rem; | |
} | |
.h-auto { | |
height: auto; | |
} | |
.h-full { | |
height: 100%; | |
} | |
.h-screen { | |
height: 100vh; | |
} | |
.text-xs { | |
font-size: 0.75rem; | |
} | |
.text-sm { | |
font-size: 0.875rem; | |
} | |
.text-base { | |
font-size: 1rem; | |
} | |
.text-lg { | |
font-size: 1.125rem; | |
} | |
.text-xl { | |
font-size: 1.25rem; | |
} | |
.text-2xl { | |
font-size: 1.5rem; | |
} | |
.text-3xl { | |
font-size: 1.875rem; | |
} | |
.text-4xl { | |
font-size: 2.25rem; | |
} | |
.text-5xl { | |
font-size: 3rem; | |
} | |
.text-6xl { | |
font-size: 4rem; | |
} | |
.leading-3 { | |
line-height: .75rem; | |
} | |
.leading-4 { | |
line-height: 1rem; | |
} | |
.leading-5 { | |
line-height: 1.25rem; | |
} | |
.leading-6 { | |
line-height: 1.5rem; | |
} | |
.leading-7 { | |
line-height: 1.75rem; | |
} | |
.leading-8 { | |
line-height: 2rem; | |
} | |
.leading-9 { | |
line-height: 2.25rem; | |
} | |
.leading-10 { | |
line-height: 2.5rem; | |
} | |
.leading-none { | |
line-height: 1; | |
} | |
.leading-tight { | |
line-height: 1.25; | |
} | |
.leading-snug { | |
line-height: 1.375; | |
} | |
.leading-normal { | |
line-height: 1.5; | |
} | |
.leading-relaxed { | |
line-height: 1.625; | |
} | |
.leading-loose { | |
line-height: 2; | |
} | |
.list-inside { | |
list-style-position: inside; | |
} | |
.list-outside { | |
list-style-position: outside; | |
} | |
.list-none { | |
list-style-type: none; | |
} | |
.list-disc { | |
list-style-type: disc; | |
} | |
.list-decimal { | |
list-style-type: decimal; | |
} | |
.m-2 { | |
margin: 0.5rem; | |
} | |
.m-3 { | |
margin: 0.75rem; | |
} | |
.m-4 { | |
margin: 1rem; | |
} | |
.m-6 { | |
margin: 1.5rem; | |
} | |
.m-8 { | |
margin: 2rem; | |
} | |
.m-12 { | |
margin: 3rem; | |
} | |
.m-32 { | |
margin: 8rem; | |
} | |
.m-96 { | |
margin: 24rem; | |
} | |
.m-142 { | |
margin: 36rem; | |
} | |
.m-auto { | |
margin: auto; | |
} | |
.-m-2 { | |
margin: -0.5rem; | |
} | |
.-m-3 { | |
margin: -0.75rem; | |
} | |
.-m-4 { | |
margin: -1rem; | |
} | |
.-m-6 { | |
margin: -1.5rem; | |
} | |
.-m-8 { | |
margin: -2rem; | |
} | |
.-m-12 { | |
margin: -3rem; | |
} | |
.-m-32 { | |
margin: -8rem; | |
} | |
.-m-96 { | |
margin: -24rem; | |
} | |
.-m-142 { | |
margin: -36rem; | |
} | |
.my-2 { | |
margin-top: 0.5rem; | |
margin-bottom: 0.5rem; | |
} | |
.mx-2 { | |
margin-left: 0.5rem; | |
margin-right: 0.5rem; | |
} | |
.my-3 { | |
margin-top: 0.75rem; | |
margin-bottom: 0.75rem; | |
} | |
.mx-3 { | |
margin-left: 0.75rem; | |
margin-right: 0.75rem; | |
} | |
.my-4 { | |
margin-top: 1rem; | |
margin-bottom: 1rem; | |
} | |
.mx-4 { | |
margin-left: 1rem; | |
margin-right: 1rem; | |
} | |
.my-6 { | |
margin-top: 1.5rem; | |
margin-bottom: 1.5rem; | |
} | |
.mx-6 { | |
margin-left: 1.5rem; | |
margin-right: 1.5rem; | |
} | |
.my-8 { | |
margin-top: 2rem; | |
margin-bottom: 2rem; | |
} | |
.mx-8 { | |
margin-left: 2rem; | |
margin-right: 2rem; | |
} | |
.my-12 { | |
margin-top: 3rem; | |
margin-bottom: 3rem; | |
} | |
.mx-12 { | |
margin-left: 3rem; | |
margin-right: 3rem; | |
} | |
.my-32 { | |
margin-top: 8rem; | |
margin-bottom: 8rem; | |
} | |
.mx-32 { | |
margin-left: 8rem; | |
margin-right: 8rem; | |
} | |
.my-96 { | |
margin-top: 24rem; | |
margin-bottom: 24rem; | |
} | |
.mx-96 { | |
margin-left: 24rem; | |
margin-right: 24rem; | |
} | |
.my-142 { | |
margin-top: 36rem; | |
margin-bottom: 36rem; | |
} | |
.mx-142 { | |
margin-left: 36rem; | |
margin-right: 36rem; | |
} | |
.my-auto { | |
margin-top: auto; | |
margin-bottom: auto; | |
} | |
.mx-auto { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.-my-2 { | |
margin-top: -0.5rem; | |
margin-bottom: -0.5rem; | |
} | |
.-mx-2 { | |
margin-left: -0.5rem; | |
margin-right: -0.5rem; | |
} | |
.-my-3 { | |
margin-top: -0.75rem; | |
margin-bottom: -0.75rem; | |
} | |
.-mx-3 { | |
margin-left: -0.75rem; | |
margin-right: -0.75rem; | |
} | |
.-my-4 { | |
margin-top: -1rem; | |
margin-bottom: -1rem; | |
} | |
.-mx-4 { | |
margin-left: -1rem; | |
margin-right: -1rem; | |
} | |
.-my-6 { | |
margin-top: -1.5rem; | |
margin-bottom: -1.5rem; | |
} | |
.-mx-6 { | |
margin-left: -1.5rem; | |
margin-right: -1.5rem; | |
} | |
.-my-8 { | |
margin-top: -2rem; | |
margin-bottom: -2rem; | |
} | |
.-mx-8 { | |
margin-left: -2rem; | |
margin-right: -2rem; | |
} | |
.-my-12 { | |
margin-top: -3rem; | |
margin-bottom: -3rem; | |
} | |
.-mx-12 { | |
margin-left: -3rem; | |
margin-right: -3rem; | |
} | |
.-my-32 { | |
margin-top: -8rem; | |
margin-bottom: -8rem; | |
} | |
.-mx-32 { | |
margin-left: -8rem; | |
margin-right: -8rem; | |
} | |
.-my-96 { | |
margin-top: -24rem; | |
margin-bottom: -24rem; | |
} | |
.-mx-96 { | |
margin-left: -24rem; | |
margin-right: -24rem; | |
} | |
.-my-142 { | |
margin-top: -36rem; | |
margin-bottom: -36rem; | |
} | |
.-mx-142 { | |
margin-left: -36rem; | |
margin-right: -36rem; | |
} | |
.mt-2 { | |
margin-top: 0.5rem; | |
} | |
.mr-2 { | |
margin-right: 0.5rem; | |
} | |
.mb-2 { | |
margin-bottom: 0.5rem; | |
} | |
.ml-2 { | |
margin-left: 0.5rem; | |
} | |
.mt-3 { | |
margin-top: 0.75rem; | |
} | |
.mr-3 { | |
margin-right: 0.75rem; | |
} | |
.mb-3 { | |
margin-bottom: 0.75rem; | |
} | |
.ml-3 { | |
margin-left: 0.75rem; | |
} | |
.mt-4 { | |
margin-top: 1rem; | |
} | |
.mr-4 { | |
margin-right: 1rem; | |
} | |
.mb-4 { | |
margin-bottom: 1rem; | |
} | |
.ml-4 { | |
margin-left: 1rem; | |
} | |
.mt-6 { | |
margin-top: 1.5rem; | |
} | |
.mr-6 { | |
margin-right: 1.5rem; | |
} | |
.mb-6 { | |
margin-bottom: 1.5rem; | |
} | |
.ml-6 { | |
margin-left: 1.5rem; | |
} | |
.mt-8 { | |
margin-top: 2rem; | |
} | |
.mr-8 { | |
margin-right: 2rem; | |
} | |
.mb-8 { | |
margin-bottom: 2rem; | |
} | |
.ml-8 { | |
margin-left: 2rem; | |
} | |
.mt-12 { | |
margin-top: 3rem; | |
} | |
.mr-12 { | |
margin-right: 3rem; | |
} | |
.mb-12 { | |
margin-bottom: 3rem; | |
} | |
.ml-12 { | |
margin-left: 3rem; | |
} | |
.mt-32 { | |
margin-top: 8rem; | |
} | |
.mr-32 { | |
margin-right: 8rem; | |
} | |
.mb-32 { | |
margin-bottom: 8rem; | |
} | |
.ml-32 { | |
margin-left: 8rem; | |
} | |
.mt-96 { | |
margin-top: 24rem; | |
} | |
.mr-96 { | |
margin-right: 24rem; | |
} | |
.mb-96 { | |
margin-bottom: 24rem; | |
} | |
.ml-96 { | |
margin-left: 24rem; | |
} | |
.mt-142 { | |
margin-top: 36rem; | |
} | |
.mr-142 { | |
margin-right: 36rem; | |
} | |
.mb-142 { | |
margin-bottom: 36rem; | |
} | |
.ml-142 { | |
margin-left: 36rem; | |
} | |
.mt-auto { | |
margin-top: auto; | |
} | |
.mr-auto { | |
margin-right: auto; | |
} | |
.mb-auto { | |
margin-bottom: auto; | |
} | |
.ml-auto { | |
margin-left: auto; | |
} | |
.-mt-2 { | |
margin-top: -0.5rem; | |
} | |
.-mr-2 { | |
margin-right: -0.5rem; | |
} | |
.-mb-2 { | |
margin-bottom: -0.5rem; | |
} | |
.-ml-2 { | |
margin-left: -0.5rem; | |
} | |
.-mt-3 { | |
margin-top: -0.75rem; | |
} | |
.-mr-3 { | |
margin-right: -0.75rem; | |
} | |
.-mb-3 { | |
margin-bottom: -0.75rem; | |
} | |
.-ml-3 { | |
margin-left: -0.75rem; | |
} | |
.-mt-4 { | |
margin-top: -1rem; | |
} | |
.-mr-4 { | |
margin-right: -1rem; | |
} | |
.-mb-4 { | |
margin-bottom: -1rem; | |
} | |
.-ml-4 { | |
margin-left: -1rem; | |
} | |
.-mt-6 { | |
margin-top: -1.5rem; | |
} | |
.-mr-6 { | |
margin-right: -1.5rem; | |
} | |
.-mb-6 { | |
margin-bottom: -1.5rem; | |
} | |
.-ml-6 { | |
margin-left: -1.5rem; | |
} | |
.-mt-8 { | |
margin-top: -2rem; | |
} | |
.-mr-8 { | |
margin-right: -2rem; | |
} | |
.-mb-8 { | |
margin-bottom: -2rem; | |
} | |
.-ml-8 { | |
margin-left: -2rem; | |
} | |
.-mt-12 { | |
margin-top: -3rem; | |
} | |
.-mr-12 { | |
margin-right: -3rem; | |
} | |
.-mb-12 { | |
margin-bottom: -3rem; | |
} | |
.-ml-12 { | |
margin-left: -3rem; | |
} | |
.-mt-32 { | |
margin-top: -8rem; | |
} | |
.-mr-32 { | |
margin-right: -8rem; | |
} | |
.-mb-32 { | |
margin-bottom: -8rem; | |
} | |
.-ml-32 { | |
margin-left: -8rem; | |
} | |
.-mt-96 { | |
margin-top: -24rem; | |
} | |
.-mr-96 { | |
margin-right: -24rem; | |
} | |
.-mb-96 { | |
margin-bottom: -24rem; | |
} | |
.-ml-96 { | |
margin-left: -24rem; | |
} | |
.-mt-142 { | |
margin-top: -36rem; | |
} | |
.-mr-142 { | |
margin-right: -36rem; | |
} | |
.-mb-142 { | |
margin-bottom: -36rem; | |
} | |
.-ml-142 { | |
margin-left: -36rem; | |
} | |
.max-h-full { | |
max-height: 100%; | |
} | |
.max-h-screen { | |
max-height: 100vh; | |
} | |
.max-w-6xl { | |
max-width: 72rem; | |
} | |
.min-h-0 { | |
min-height: 0; | |
} | |
.min-h-full { | |
min-height: 100%; | |
} | |
.min-h-screen { | |
min-height: 100vh; | |
} | |
.min-w-0 { | |
min-width: 0; | |
} | |
.min-w-full { | |
min-width: 100%; | |
} | |
.object-contain { | |
-o-object-fit: contain; | |
object-fit: contain; | |
} | |
.object-cover { | |
-o-object-fit: cover; | |
object-fit: cover; | |
} | |
.object-fill { | |
-o-object-fit: fill; | |
object-fit: fill; | |
} | |
.object-none { | |
-o-object-fit: none; | |
object-fit: none; | |
} | |
.object-scale-down { | |
-o-object-fit: scale-down; | |
object-fit: scale-down; | |
} | |
.object-bottom { | |
-o-object-position: bottom; | |
object-position: bottom; | |
} | |
.object-center { | |
-o-object-position: center; | |
object-position: center; | |
} | |
.object-left { | |
-o-object-position: left; | |
object-position: left; | |
} | |
.object-left-bottom { | |
-o-object-position: left bottom; | |
object-position: left bottom; | |
} | |
.object-left-top { | |
-o-object-position: left top; | |
object-position: left top; | |
} | |
.object-right { | |
-o-object-position: right; | |
object-position: right; | |
} | |
.object-right-bottom { | |
-o-object-position: right bottom; | |
object-position: right bottom; | |
} | |
.object-right-top { | |
-o-object-position: right top; | |
object-position: right top; | |
} | |
.object-top { | |
-o-object-position: top; | |
object-position: top; | |
} | |
.opacity-0 { | |
opacity: 0; | |
} | |
.opacity-25 { | |
opacity: 0.25; | |
} | |
.opacity-50 { | |
opacity: 0.5; | |
} | |
.opacity-75 { | |
opacity: 0.75; | |
} | |
.opacity-100 { | |
opacity: 1; | |
} | |
.outline-none { | |
outline: 0; | |
} | |
.overflow-auto { | |
overflow: auto; | |
} | |
.overflow-hidden { | |
overflow: hidden; | |
} | |
.overflow-visible { | |
overflow: visible; | |
} | |
.overflow-scroll { | |
overflow: scroll; | |
} | |
.overflow-x-auto { | |
overflow-x: auto; | |
} | |
.overflow-y-auto { | |
overflow-y: auto; | |
} | |
.overflow-x-hidden { | |
overflow-x: hidden; | |
} | |
.overflow-y-hidden { | |
overflow-y: hidden; | |
} | |
.overflow-x-visible { | |
overflow-x: visible; | |
} | |
.overflow-y-visible { | |
overflow-y: visible; | |
} | |
.overflow-x-scroll { | |
overflow-x: scroll; | |
} | |
.overflow-y-scroll { | |
overflow-y: scroll; | |
} | |
.scrolling-touch { | |
-webkit-overflow-scrolling: touch; | |
} | |
.scrolling-auto { | |
-webkit-overflow-scrolling: auto; | |
} | |
.p-2 { | |
padding: 0.5rem; | |
} | |
.p-3 { | |
padding: 0.75rem; | |
} | |
.p-4 { | |
padding: 1rem; | |
} | |
.p-6 { | |
padding: 1.5rem; | |
} | |
.p-8 { | |
padding: 2rem; | |
} | |
.p-12 { | |
padding: 3rem; | |
} | |
.p-32 { | |
padding: 8rem; | |
} | |
.p-96 { | |
padding: 24rem; | |
} | |
.p-142 { | |
padding: 36rem; | |
} | |
.py-2 { | |
padding-top: 0.5rem; | |
padding-bottom: 0.5rem; | |
} | |
.px-2 { | |
padding-left: 0.5rem; | |
padding-right: 0.5rem; | |
} | |
.py-3 { | |
padding-top: 0.75rem; | |
padding-bottom: 0.75rem; | |
} | |
.px-3 { | |
padding-left: 0.75rem; | |
padding-right: 0.75rem; | |
} | |
.py-4 { | |
padding-top: 1rem; | |
padding-bottom: 1rem; | |
} | |
.px-4 { | |
padding-left: 1rem; | |
padding-right: 1rem; | |
} | |
.py-6 { | |
padding-top: 1.5rem; | |
padding-bottom: 1.5rem; | |
} | |
.px-6 { | |
padding-left: 1.5rem; | |
padding-right: 1.5rem; | |
} | |
.py-8 { | |
padding-top: 2rem; | |
padding-bottom: 2rem; | |
} | |
.px-8 { | |
padding-left: 2rem; | |
padding-right: 2rem; | |
} | |
.py-12 { | |
padding-top: 3rem; | |
padding-bottom: 3rem; | |
} | |
.px-12 { | |
padding-left: 3rem; | |
padding-right: 3rem; | |
} | |
.py-32 { | |
padding-top: 8rem; | |
padding-bottom: 8rem; | |
} | |
.px-32 { | |
padding-left: 8rem; | |
padding-right: 8rem; | |
} | |
.py-96 { | |
padding-top: 24rem; | |
padding-bottom: 24rem; | |
} | |
.px-96 { | |
padding-left: 24rem; | |
padding-right: 24rem; | |
} | |
.py-142 { | |
padding-top: 36rem; | |
padding-bottom: 36rem; | |
} | |
.px-142 { | |
padding-left: 36rem; | |
padding-right: 36rem; | |
} | |
.pt-2 { | |
padding-top: 0.5rem; | |
} | |
.pr-2 { | |
padding-right: 0.5rem; | |
} | |
.pb-2 { | |
padding-bottom: 0.5rem; | |
} | |
.pl-2 { | |
padding-left: 0.5rem; | |
} | |
.pt-3 { | |
padding-top: 0.75rem; | |
} | |
.pr-3 { | |
padding-right: 0.75rem; | |
} | |
.pb-3 { | |
padding-bottom: 0.75rem; | |
} | |
.pl-3 { | |
padding-left: 0.75rem; | |
} | |
.pt-4 { | |
padding-top: 1rem; | |
} | |
.pr-4 { | |
padding-right: 1rem; | |
} | |
.pb-4 { | |
padding-bottom: 1rem; | |
} | |
.pl-4 { | |
padding-left: 1rem; | |
} | |
.pt-6 { | |
padding-top: 1.5rem; | |
} | |
.pr-6 { | |
padding-right: 1.5rem; | |
} | |
.pb-6 { | |
padding-bottom: 1.5rem; | |
} | |
.pl-6 { | |
padding-left: 1.5rem; | |
} | |
.pt-8 { | |
padding-top: 2rem; | |
} | |
.pr-8 { | |
padding-right: 2rem; | |
} | |
.pb-8 { | |
padding-bottom: 2rem; | |
} | |
.pl-8 { | |
padding-left: 2rem; | |
} | |
.pt-12 { | |
padding-top: 3rem; | |
} | |
.pr-12 { | |
padding-right: 3rem; | |
} | |
.pb-12 { | |
padding-bottom: 3rem; | |
} | |
.pl-12 { | |
padding-left: 3rem; | |
} | |
.pt-32 { | |
padding-top: 8rem; | |
} | |
.pr-32 { | |
padding-right: 8rem; | |
} | |
.pb-32 { | |
padding-bottom: 8rem; | |
} | |
.pl-32 { | |
padding-left: 8rem; | |
} | |
.pt-96 { | |
padding-top: 24rem; | |
} | |
.pr-96 { | |
padding-right: 24rem; | |
} | |
.pb-96 { | |
padding-bottom: 24rem; | |
} | |
.pl-96 { | |
padding-left: 24rem; | |
} | |
.pt-142 { | |
padding-top: 36rem; | |
} | |
.pr-142 { | |
padding-right: 36rem; | |
} | |
.pb-142 { | |
padding-bottom: 36rem; | |
} | |
.pl-142 { | |
padding-left: 36rem; | |
} | |
.placeholder-transparent::-moz-placeholder { | |
color: transparent; | |
} | |
.placeholder-transparent:-ms-input-placeholder { | |
color: transparent; | |
} | |
.placeholder-transparent::-ms-input-placeholder { | |
color: transparent; | |
} | |
.placeholder-transparent::placeholder { | |
color: transparent; | |
} | |
.placeholder-white::-moz-placeholder { | |
--placeholder-opacity: 1; | |
color: #ffffff; | |
color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
} | |
.placeholder-white:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #ffffff; | |
color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
} | |
.placeholder-white::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #ffffff; | |
color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
} | |
.placeholder-white::placeholder { | |
--placeholder-opacity: 1; | |
color: #ffffff; | |
color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-100::-moz-placeholder { | |
--placeholder-opacity: 1; | |
color: #f1f5f9; | |
color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-100:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #f1f5f9; | |
color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-100::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #f1f5f9; | |
color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-100::placeholder { | |
--placeholder-opacity: 1; | |
color: #f1f5f9; | |
color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-300::-moz-placeholder { | |
--placeholder-opacity: 1; | |
color: #cfd8e3; | |
color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-300:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #cfd8e3; | |
color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-300::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #cfd8e3; | |
color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-300::placeholder { | |
--placeholder-opacity: 1; | |
color: #cfd8e3; | |
color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-800::-moz-placeholder { | |
--placeholder-opacity: 1; | |
color: #27303f; | |
color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-800:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #27303f; | |
color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-800::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #27303f; | |
color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-800::placeholder { | |
--placeholder-opacity: 1; | |
color: #27303f; | |
color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-900::-moz-placeholder { | |
--placeholder-opacity: 1; | |
color: #1a202e; | |
color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-900:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #1a202e; | |
color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-900::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #1a202e; | |
color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
} | |
.placeholder-cool-gray-900::placeholder { | |
--placeholder-opacity: 1; | |
color: #1a202e; | |
color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-200::-moz-placeholder { | |
--placeholder-opacity: 1; | |
color: #faad3f; | |
color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-200:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #faad3f; | |
color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-200::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #faad3f; | |
color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-200::placeholder { | |
--placeholder-opacity: 1; | |
color: #faad3f; | |
color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-500::-moz-placeholder { | |
--placeholder-opacity: 1; | |
color: #ff5a1f; | |
color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-500:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #ff5a1f; | |
color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-500::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
color: #ff5a1f; | |
color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
} | |
.placeholder-orange-500::placeholder { | |
--placeholder-opacity: 1; | |
color: #ff5a1f; | |
color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
} | |
.placeholder-opacity-0::-moz-placeholder { | |
--placeholder-opacity: 0; | |
} | |
.placeholder-opacity-0:-ms-input-placeholder { | |
--placeholder-opacity: 0; | |
} | |
.placeholder-opacity-0::-ms-input-placeholder { | |
--placeholder-opacity: 0; | |
} | |
.placeholder-opacity-0::placeholder { | |
--placeholder-opacity: 0; | |
} | |
.placeholder-opacity-25::-moz-placeholder { | |
--placeholder-opacity: 0.25; | |
} | |
.placeholder-opacity-25:-ms-input-placeholder { | |
--placeholder-opacity: 0.25; | |
} | |
.placeholder-opacity-25::-ms-input-placeholder { | |
--placeholder-opacity: 0.25; | |
} | |
.placeholder-opacity-25::placeholder { | |
--placeholder-opacity: 0.25; | |
} | |
.placeholder-opacity-50::-moz-placeholder { | |
--placeholder-opacity: 0.5; | |
} | |
.placeholder-opacity-50:-ms-input-placeholder { | |
--placeholder-opacity: 0.5; | |
} | |
.placeholder-opacity-50::-ms-input-placeholder { | |
--placeholder-opacity: 0.5; | |
} | |
.placeholder-opacity-50::placeholder { | |
--placeholder-opacity: 0.5; | |
} | |
.placeholder-opacity-75::-moz-placeholder { | |
--placeholder-opacity: 0.75; | |
} | |
.placeholder-opacity-75:-ms-input-placeholder { | |
--placeholder-opacity: 0.75; | |
} | |
.placeholder-opacity-75::-ms-input-placeholder { | |
--placeholder-opacity: 0.75; | |
} | |
.placeholder-opacity-75::placeholder { | |
--placeholder-opacity: 0.75; | |
} | |
.placeholder-opacity-100::-moz-placeholder { | |
--placeholder-opacity: 1; | |
} | |
.placeholder-opacity-100:-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
} | |
.placeholder-opacity-100::-ms-input-placeholder { | |
--placeholder-opacity: 1; | |
} | |
.placeholder-opacity-100::placeholder { | |
--placeholder-opacity: 1; | |
} | |
.pointer-events-none { | |
pointer-events: none; | |
} | |
.pointer-events-auto { | |
pointer-events: auto; | |
} | |
.static { | |
position: static; | |
} | |
.fixed { | |
position: fixed; | |
} | |
.absolute { | |
position: absolute; | |
} | |
.relative { | |
position: relative; | |
} | |
.sticky { | |
position: -webkit-sticky; | |
position: sticky; | |
} | |
.inset-0 { | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
} | |
.inset-auto { | |
top: auto; | |
right: auto; | |
bottom: auto; | |
left: auto; | |
} | |
.inset-y-0 { | |
top: 0; | |
bottom: 0; | |
} | |
.inset-x-0 { | |
right: 0; | |
left: 0; | |
} | |
.inset-y-auto { | |
top: auto; | |
bottom: auto; | |
} | |
.inset-x-auto { | |
right: auto; | |
left: auto; | |
} | |
.top-0 { | |
top: 0; | |
} | |
.right-0 { | |
right: 0; | |
} | |
.bottom-0 { | |
bottom: 0; | |
} | |
.left-0 { | |
left: 0; | |
} | |
.top-auto { | |
top: auto; | |
} | |
.right-auto { | |
right: auto; | |
} | |
.bottom-auto { | |
bottom: auto; | |
} | |
.left-auto { | |
left: auto; | |
} | |
.resize-none { | |
resize: none; | |
} | |
.resize-y { | |
resize: vertical; | |
} | |
.resize-x { | |
resize: horizontal; | |
} | |
.resize { | |
resize: both; | |
} | |
.shadow-xs { | |
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); | |
} | |
.shadow-sm { | |
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); | |
} | |
.shadow { | |
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); | |
} | |
.shadow-md { | |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
} | |
.shadow-lg { | |
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
} | |
.shadow-xl { | |
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
} | |
.shadow-2xl { | |
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); | |
} | |
.shadow-inner { | |
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); | |
} | |
.shadow-outline { | |
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); | |
} | |
.shadow-none { | |
box-shadow: none; | |
} | |
.fill-current { | |
fill: currentColor; | |
} | |
.stroke-current { | |
stroke: currentColor; | |
} | |
.stroke-0 { | |
stroke-width: 0; | |
} | |
.stroke-1 { | |
stroke-width: 1; | |
} | |
.stroke-2 { | |
stroke-width: 2; | |
} | |
.table-auto { | |
table-layout: auto; | |
} | |
.table-fixed { | |
table-layout: fixed; | |
} | |
.text-left { | |
text-align: left; | |
} | |
.text-center { | |
text-align: center; | |
} | |
.text-right { | |
text-align: right; | |
} | |
.text-justify { | |
text-align: justify; | |
} | |
.text-transparent { | |
color: transparent; | |
} | |
.text-white { | |
--text-opacity: 1; | |
color: #ffffff; | |
color: rgba(255, 255, 255, var(--text-opacity)); | |
} | |
.text-cool-gray-100 { | |
--text-opacity: 1; | |
color: #f1f5f9; | |
color: rgba(241, 245, 249, var(--text-opacity)); | |
} | |
.text-cool-gray-300 { | |
--text-opacity: 1; | |
color: #cfd8e3; | |
color: rgba(207, 216, 227, var(--text-opacity)); | |
} | |
.text-cool-gray-800 { | |
--text-opacity: 1; | |
color: #27303f; | |
color: rgba(39, 48, 63, var(--text-opacity)); | |
} | |
.text-cool-gray-900 { | |
--text-opacity: 1; | |
color: #1a202e; | |
color: rgba(26, 32, 46, var(--text-opacity)); | |
} | |
.text-orange-200 { | |
--text-opacity: 1; | |
color: #faad3f; | |
color: rgba(250, 173, 63, var(--text-opacity)); | |
} | |
.text-orange-500 { | |
--text-opacity: 1; | |
color: #ff5a1f; | |
color: rgba(255, 90, 31, var(--text-opacity)); | |
} | |
.text-opacity-0 { | |
--text-opacity: 0; | |
} | |
.text-opacity-25 { | |
--text-opacity: 0.25; | |
} | |
.text-opacity-50 { | |
--text-opacity: 0.5; | |
} | |
.text-opacity-75 { | |
--text-opacity: 0.75; | |
} | |
.text-opacity-100 { | |
--text-opacity: 1; | |
} | |
.italic { | |
font-style: italic; | |
} | |
.not-italic { | |
font-style: normal; | |
} | |
.uppercase { | |
text-transform: uppercase; | |
} | |
.lowercase { | |
text-transform: lowercase; | |
} | |
.capitalize { | |
text-transform: capitalize; | |
} | |
.normal-case { | |
text-transform: none; | |
} | |
.underline { | |
text-decoration: underline; | |
} | |
.line-through { | |
text-decoration: line-through; | |
} | |
.no-underline { | |
text-decoration: none; | |
} | |
.antialiased { | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.subpixel-antialiased { | |
-webkit-font-smoothing: auto; | |
-moz-osx-font-smoothing: auto; | |
} | |
.tracking-tighter { | |
letter-spacing: -0.05em; | |
} | |
.tracking-tight { | |
letter-spacing: -0.025em; | |
} | |
.tracking-normal { | |
letter-spacing: 0; | |
} | |
.tracking-wide { | |
letter-spacing: 0.025em; | |
} | |
.tracking-wider { | |
letter-spacing: 0.05em; | |
} | |
.tracking-widest { | |
letter-spacing: 0.1em; | |
} | |
.select-none { | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.select-text { | |
-webkit-user-select: text; | |
-moz-user-select: text; | |
-ms-user-select: text; | |
user-select: text; | |
} | |
.select-all { | |
-webkit-user-select: all; | |
-moz-user-select: all; | |
-ms-user-select: all; | |
user-select: all; | |
} | |
.select-auto { | |
-webkit-user-select: auto; | |
-moz-user-select: auto; | |
-ms-user-select: auto; | |
user-select: auto; | |
} | |
.align-baseline { | |
vertical-align: baseline; | |
} | |
.align-top { | |
vertical-align: top; | |
} | |
.align-middle { | |
vertical-align: middle; | |
} | |
.align-bottom { | |
vertical-align: bottom; | |
} | |
.align-text-top { | |
vertical-align: text-top; | |
} | |
.align-text-bottom { | |
vertical-align: text-bottom; | |
} | |
.visible { | |
visibility: visible; | |
} | |
.invisible { | |
visibility: hidden; | |
} | |
.whitespace-normal { | |
white-space: normal; | |
} | |
.whitespace-no-wrap { | |
white-space: nowrap; | |
} | |
.whitespace-pre { | |
white-space: pre; | |
} | |
.whitespace-pre-line { | |
white-space: pre-line; | |
} | |
.whitespace-pre-wrap { | |
white-space: pre-wrap; | |
} | |
.break-normal { | |
overflow-wrap: normal; | |
word-break: normal; | |
} | |
.break-words { | |
overflow-wrap: break-word; | |
} | |
.break-all { | |
word-break: break-all; | |
} | |
.truncate { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.w-2 { | |
width: 0.5rem; | |
} | |
.w-3 { | |
width: 0.75rem; | |
} | |
.w-4 { | |
width: 1rem; | |
} | |
.w-6 { | |
width: 1.5rem; | |
} | |
.w-8 { | |
width: 2rem; | |
} | |
.w-12 { | |
width: 3rem; | |
} | |
.w-32 { | |
width: 8rem; | |
} | |
.w-96 { | |
width: 24rem; | |
} | |
.w-142 { | |
width: 36rem; | |
} | |
.w-auto { | |
width: auto; | |
} | |
.w-full { | |
width: 100%; | |
} | |
.z-0 { | |
z-index: 0; | |
} | |
.z-10 { | |
z-index: 10; | |
} | |
.z-20 { | |
z-index: 20; | |
} | |
.z-30 { | |
z-index: 30; | |
} | |
.z-40 { | |
z-index: 40; | |
} | |
.z-50 { | |
z-index: 50; | |
} | |
.z-auto { | |
z-index: auto; | |
} | |
.gap-2 { | |
grid-gap: 0.5rem; | |
gap: 0.5rem; | |
} | |
.gap-3 { | |
grid-gap: 0.75rem; | |
gap: 0.75rem; | |
} | |
.gap-4 { | |
grid-gap: 1rem; | |
gap: 1rem; | |
} | |
.gap-6 { | |
grid-gap: 1.5rem; | |
gap: 1.5rem; | |
} | |
.gap-8 { | |
grid-gap: 2rem; | |
gap: 2rem; | |
} | |
.gap-12 { | |
grid-gap: 3rem; | |
gap: 3rem; | |
} | |
.gap-32 { | |
grid-gap: 8rem; | |
gap: 8rem; | |
} | |
.gap-96 { | |
grid-gap: 24rem; | |
gap: 24rem; | |
} | |
.gap-142 { | |
grid-gap: 36rem; | |
gap: 36rem; | |
} | |
.col-gap-2 { | |
grid-column-gap: 0.5rem; | |
-moz-column-gap: 0.5rem; | |
column-gap: 0.5rem; | |
} | |
.col-gap-3 { | |
grid-column-gap: 0.75rem; | |
-moz-column-gap: 0.75rem; | |
column-gap: 0.75rem; | |
} | |
.col-gap-4 { | |
grid-column-gap: 1rem; | |
-moz-column-gap: 1rem; | |
column-gap: 1rem; | |
} | |
.col-gap-6 { | |
grid-column-gap: 1.5rem; | |
-moz-column-gap: 1.5rem; | |
column-gap: 1.5rem; | |
} | |
.col-gap-8 { | |
grid-column-gap: 2rem; | |
-moz-column-gap: 2rem; | |
column-gap: 2rem; | |
} | |
.col-gap-12 { | |
grid-column-gap: 3rem; | |
-moz-column-gap: 3rem; | |
column-gap: 3rem; | |
} | |
.col-gap-32 { | |
grid-column-gap: 8rem; | |
-moz-column-gap: 8rem; | |
column-gap: 8rem; | |
} | |
.col-gap-96 { | |
grid-column-gap: 24rem; | |
-moz-column-gap: 24rem; | |
column-gap: 24rem; | |
} | |
.col-gap-142 { | |
grid-column-gap: 36rem; | |
-moz-column-gap: 36rem; | |
column-gap: 36rem; | |
} | |
.row-gap-2 { | |
grid-row-gap: 0.5rem; | |
row-gap: 0.5rem; | |
} | |
.row-gap-3 { | |
grid-row-gap: 0.75rem; | |
row-gap: 0.75rem; | |
} | |
.row-gap-4 { | |
grid-row-gap: 1rem; | |
row-gap: 1rem; | |
} | |
.row-gap-6 { | |
grid-row-gap: 1.5rem; | |
row-gap: 1.5rem; | |
} | |
.row-gap-8 { | |
grid-row-gap: 2rem; | |
row-gap: 2rem; | |
} | |
.row-gap-12 { | |
grid-row-gap: 3rem; | |
row-gap: 3rem; | |
} | |
.row-gap-32 { | |
grid-row-gap: 8rem; | |
row-gap: 8rem; | |
} | |
.row-gap-96 { | |
grid-row-gap: 24rem; | |
row-gap: 24rem; | |
} | |
.row-gap-142 { | |
grid-row-gap: 36rem; | |
row-gap: 36rem; | |
} | |
.grid-flow-row { | |
grid-auto-flow: row; | |
} | |
.grid-flow-col { | |
grid-auto-flow: column; | |
} | |
.grid-flow-row-dense { | |
grid-auto-flow: row dense; | |
} | |
.grid-flow-col-dense { | |
grid-auto-flow: column dense; | |
} | |
.grid-cols-1 { | |
grid-template-columns: repeat(1, minmax(0, 1fr)); | |
} | |
.grid-cols-2 { | |
grid-template-columns: repeat(2, minmax(0, 1fr)); | |
} | |
.grid-cols-3 { | |
grid-template-columns: repeat(3, minmax(0, 1fr)); | |
} | |
.grid-cols-4 { | |
grid-template-columns: repeat(4, minmax(0, 1fr)); | |
} | |
.grid-cols-5 { | |
grid-template-columns: repeat(5, minmax(0, 1fr)); | |
} | |
.grid-cols-6 { | |
grid-template-columns: repeat(6, minmax(0, 1fr)); | |
} | |
.grid-cols-7 { | |
grid-template-columns: repeat(7, minmax(0, 1fr)); | |
} | |
.grid-cols-8 { | |
grid-template-columns: repeat(8, minmax(0, 1fr)); | |
} | |
.grid-cols-9 { | |
grid-template-columns: repeat(9, minmax(0, 1fr)); | |
} | |
.grid-cols-10 { | |
grid-template-columns: repeat(10, minmax(0, 1fr)); | |
} | |
.grid-cols-11 { | |
grid-template-columns: repeat(11, minmax(0, 1fr)); | |
} | |
.grid-cols-12 { | |
grid-template-columns: repeat(12, minmax(0, 1fr)); | |
} | |
.grid-cols-none { | |
grid-template-columns: none; | |
} | |
.col-auto { | |
grid-column: auto; | |
} | |
.col-span-1 { | |
grid-column: span 1 / span 1; | |
} | |
.col-span-2 { | |
grid-column: span 2 / span 2; | |
} | |
.col-span-3 { | |
grid-column: span 3 / span 3; | |
} | |
.col-span-4 { | |
grid-column: span 4 / span 4; | |
} | |
.col-span-5 { | |
grid-column: span 5 / span 5; | |
} | |
.col-span-6 { | |
grid-column: span 6 / span 6; | |
} | |
.col-span-7 { | |
grid-column: span 7 / span 7; | |
} | |
.col-span-8 { | |
grid-column: span 8 / span 8; | |
} | |
.col-span-9 { | |
grid-column: span 9 / span 9; | |
} | |
.col-span-10 { | |
grid-column: span 10 / span 10; | |
} | |
.col-span-11 { | |
grid-column: span 11 / span 11; | |
} | |
.col-span-12 { | |
grid-column: span 12 / span 12; | |
} | |
.col-start-1 { | |
grid-column-start: 1; | |
} | |
.col-start-2 { | |
grid-column-start: 2; | |
} | |
.col-start-3 { | |
grid-column-start: 3; | |
} | |
.col-start-4 { | |
grid-column-start: 4; | |
} | |
.col-start-5 { | |
grid-column-start: 5; | |
} | |
.col-start-6 { | |
grid-column-start: 6; | |
} | |
.col-start-7 { | |
grid-column-start: 7; | |
} | |
.col-start-8 { | |
grid-column-start: 8; | |
} | |
.col-start-9 { | |
grid-column-start: 9; | |
} | |
.col-start-10 { | |
grid-column-start: 10; | |
} | |
.col-start-11 { | |
grid-column-start: 11; | |
} | |
.col-start-12 { | |
grid-column-start: 12; | |
} | |
.col-start-13 { | |
grid-column-start: 13; | |
} | |
.col-start-auto { | |
grid-column-start: auto; | |
} | |
.col-end-1 { | |
grid-column-end: 1; | |
} | |
.col-end-2 { | |
grid-column-end: 2; | |
} | |
.col-end-3 { | |
grid-column-end: 3; | |
} | |
.col-end-4 { | |
grid-column-end: 4; | |
} | |
.col-end-5 { | |
grid-column-end: 5; | |
} | |
.col-end-6 { | |
grid-column-end: 6; | |
} | |
.col-end-7 { | |
grid-column-end: 7; | |
} | |
.col-end-8 { | |
grid-column-end: 8; | |
} | |
.col-end-9 { | |
grid-column-end: 9; | |
} | |
.col-end-10 { | |
grid-column-end: 10; | |
} | |
.col-end-11 { | |
grid-column-end: 11; | |
} | |
.col-end-12 { | |
grid-column-end: 12; | |
} | |
.col-end-13 { | |
grid-column-end: 13; | |
} | |
.col-end-auto { | |
grid-column-end: auto; | |
} | |
.grid-rows-1 { | |
grid-template-rows: repeat(1, minmax(0, 1fr)); | |
} | |
.grid-rows-2 { | |
grid-template-rows: repeat(2, minmax(0, 1fr)); | |
} | |
.grid-rows-3 { | |
grid-template-rows: repeat(3, minmax(0, 1fr)); | |
} | |
.grid-rows-4 { | |
grid-template-rows: repeat(4, minmax(0, 1fr)); | |
} | |
.grid-rows-5 { | |
grid-template-rows: repeat(5, minmax(0, 1fr)); | |
} | |
.grid-rows-6 { | |
grid-template-rows: repeat(6, minmax(0, 1fr)); | |
} | |
.grid-rows-none { | |
grid-template-rows: none; | |
} | |
.row-auto { | |
grid-row: auto; | |
} | |
.row-span-1 { | |
grid-row: span 1 / span 1; | |
} | |
.row-span-2 { | |
grid-row: span 2 / span 2; | |
} | |
.row-span-3 { | |
grid-row: span 3 / span 3; | |
} | |
.row-span-4 { | |
grid-row: span 4 / span 4; | |
} | |
.row-span-5 { | |
grid-row: span 5 / span 5; | |
} | |
.row-span-6 { | |
grid-row: span 6 / span 6; | |
} | |
.row-start-1 { | |
grid-row-start: 1; | |
} | |
.row-start-2 { | |
grid-row-start: 2; | |
} | |
.row-start-3 { | |
grid-row-start: 3; | |
} | |
.row-start-4 { | |
grid-row-start: 4; | |
} | |
.row-start-5 { | |
grid-row-start: 5; | |
} | |
.row-start-6 { | |
grid-row-start: 6; | |
} | |
.row-start-7 { | |
grid-row-start: 7; | |
} | |
.row-start-auto { | |
grid-row-start: auto; | |
} | |
.row-end-1 { | |
grid-row-end: 1; | |
} | |
.row-end-2 { | |
grid-row-end: 2; | |
} | |
.row-end-3 { | |
grid-row-end: 3; | |
} | |
.row-end-4 { | |
grid-row-end: 4; | |
} | |
.row-end-5 { | |
grid-row-end: 5; | |
} | |
.row-end-6 { | |
grid-row-end: 6; | |
} | |
.row-end-7 { | |
grid-row-end: 7; | |
} | |
.row-end-auto { | |
grid-row-end: auto; | |
} | |
.transform { | |
--transform-translate-x: 0; | |
--transform-translate-y: 0; | |
--transform-rotate: 0; | |
--transform-skew-x: 0; | |
--transform-skew-y: 0; | |
--transform-scale-x: 1; | |
--transform-scale-y: 1; | |
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); | |
} | |
.transform-none { | |
transform: none; | |
} | |
.origin-center { | |
transform-origin: center; | |
} | |
.origin-top { | |
transform-origin: top; | |
} | |
.origin-top-right { | |
transform-origin: top right; | |
} | |
.origin-right { | |
transform-origin: right; | |
} | |
.origin-bottom-right { | |
transform-origin: bottom right; | |
} | |
.origin-bottom { | |
transform-origin: bottom; | |
} | |
.origin-bottom-left { | |
transform-origin: bottom left; | |
} | |
.origin-left { | |
transform-origin: left; | |
} | |
.origin-top-left { | |
transform-origin: top left; | |
} | |
.scale-0 { | |
--transform-scale-x: 0; | |
--transform-scale-y: 0; | |
} | |
.scale-50 { | |
--transform-scale-x: .5; | |
--transform-scale-y: .5; | |
} | |
.scale-75 { | |
--transform-scale-x: .75; | |
--transform-scale-y: .75; | |
} | |
.scale-90 { | |
--transform-scale-x: .9; | |
--transform-scale-y: .9; | |
} | |
.scale-95 { | |
--transform-scale-x: .95; | |
--transform-scale-y: .95; | |
} | |
.scale-100 { | |
--transform-scale-x: 1; | |
--transform-scale-y: 1; | |
} | |
.scale-105 { | |
--transform-scale-x: 1.05; | |
--transform-scale-y: 1.05; | |
} | |
.scale-110 { | |
--transform-scale-x: 1.1; | |
--transform-scale-y: 1.1; | |
} | |
.scale-125 { | |
--transform-scale-x: 1.25; | |
--transform-scale-y: 1.25; | |
} | |
.scale-150 { | |
--transform-scale-x: 1.5; | |
--transform-scale-y: 1.5; | |
} | |
.scale-x-0 { | |
--transform-scale-x: 0; | |
} | |
.scale-x-50 { | |
--transform-scale-x: .5; | |
} | |
.scale-x-75 { | |
--transform-scale-x: .75; | |
} | |
.scale-x-90 { | |
--transform-scale-x: .9; | |
} | |
.scale-x-95 { | |
--transform-scale-x: .95; | |
} | |
.scale-x-100 { | |
--transform-scale-x: 1; | |
} | |
.scale-x-105 { | |
--transform-scale-x: 1.05; | |
} | |
.scale-x-110 { | |
--transform-scale-x: 1.1; | |
} | |
.scale-x-125 { | |
--transform-scale-x: 1.25; | |
} | |
.scale-x-150 { | |
--transform-scale-x: 1.5; | |
} | |
.scale-y-0 { | |
--transform-scale-y: 0; | |
} | |
.scale-y-50 { | |
--transform-scale-y: .5; | |
} | |
.scale-y-75 { | |
--transform-scale-y: .75; | |
} | |
.scale-y-90 { | |
--transform-scale-y: .9; | |
} | |
.scale-y-95 { | |
--transform-scale-y: .95; | |
} | |
.scale-y-100 { | |
--transform-scale-y: 1; | |
} | |
.scale-y-105 { | |
--transform-scale-y: 1.05; | |
} | |
.scale-y-110 { | |
--transform-scale-y: 1.1; | |
} | |
.scale-y-125 { | |
--transform-scale-y: 1.25; | |
} | |
.scale-y-150 { | |
--transform-scale-y: 1.5; | |
} | |
.rotate-0 { | |
--transform-rotate: 0; | |
} | |
.rotate-45 { | |
--transform-rotate: 45deg; | |
} | |
.rotate-90 { | |
--transform-rotate: 90deg; | |
} | |
.rotate-180 { | |
--transform-rotate: 180deg; | |
} | |
.-rotate-180 { | |
--transform-rotate: -180deg; | |
} | |
.-rotate-90 { | |
--transform-rotate: -90deg; | |
} | |
.-rotate-45 { | |
--transform-rotate: -45deg; | |
} | |
.translate-x-2 { | |
--transform-translate-x: 0.5rem; | |
} | |
.translate-x-3 { | |
--transform-translate-x: 0.75rem; | |
} | |
.translate-x-4 { | |
--transform-translate-x: 1rem; | |
} | |
.translate-x-6 { | |
--transform-translate-x: 1.5rem; | |
} | |
.translate-x-8 { | |
--transform-translate-x: 2rem; | |
} | |
.translate-x-12 { | |
--transform-translate-x: 3rem; | |
} | |
.translate-x-32 { | |
--transform-translate-x: 8rem; | |
} | |
.translate-x-96 { | |
--transform-translate-x: 24rem; | |
} | |
.translate-x-142 { | |
--transform-translate-x: 36rem; | |
} | |
.-translate-x-2 { | |
--transform-translate-x: -0.5rem; | |
} | |
.-translate-x-3 { | |
--transform-translate-x: -0.75rem; | |
} | |
.-translate-x-4 { | |
--transform-translate-x: -1rem; | |
} | |
.-translate-x-6 { | |
--transform-translate-x: -1.5rem; | |
} | |
.-translate-x-8 { | |
--transform-translate-x: -2rem; | |
} | |
.-translate-x-12 { | |
--transform-translate-x: -3rem; | |
} | |
.-translate-x-32 { | |
--transform-translate-x: -8rem; | |
} | |
.-translate-x-96 { | |
--transform-translate-x: -24rem; | |
} | |
.-translate-x-142 { | |
--transform-translate-x: -36rem; | |
} | |
.-translate-x-full { | |
--transform-translate-x: -100%; | |
} | |
.-translate-x-1\/2 { | |
--transform-translate-x: -50%; | |
} | |
.translate-x-1\/2 { | |
--transform-translate-x: 50%; | |
} | |
.translate-x-full { | |
--transform-translate-x: 100%; | |
} | |
.translate-y-2 { | |
--transform-translate-y: 0.5rem; | |
} | |
.translate-y-3 { | |
--transform-translate-y: 0.75rem; | |
} | |
.translate-y-4 { | |
--transform-translate-y: 1rem; | |
} | |
.translate-y-6 { | |
--transform-translate-y: 1.5rem; | |
} | |
.translate-y-8 { | |
--transform-translate-y: 2rem; | |
} | |
.translate-y-12 { | |
--transform-translate-y: 3rem; | |
} | |
.translate-y-32 { | |
--transform-translate-y: 8rem; | |
} | |
.translate-y-96 { | |
--transform-translate-y: 24rem; | |
} | |
.translate-y-142 { | |
--transform-translate-y: 36rem; | |
} | |
.-translate-y-2 { | |
--transform-translate-y: -0.5rem; | |
} | |
.-translate-y-3 { | |
--transform-translate-y: -0.75rem; | |
} | |
.-translate-y-4 { | |
--transform-translate-y: -1rem; | |
} | |
.-translate-y-6 { | |
--transform-translate-y: -1.5rem; | |
} | |
.-translate-y-8 { | |
--transform-translate-y: -2rem; | |
} | |
.-translate-y-12 { | |
--transform-translate-y: -3rem; | |
} | |
.-translate-y-32 { | |
--transform-translate-y: -8rem; | |
} | |
.-translate-y-96 { | |
--transform-translate-y: -24rem; | |
} | |
.-translate-y-142 { | |
--transform-translate-y: -36rem; | |
} | |
.-translate-y-full { | |
--transform-translate-y: -100%; | |
} | |
.-translate-y-1\/2 { | |
--transform-translate-y: -50%; | |
} | |
.translate-y-1\/2 { | |
--transform-translate-y: 50%; | |
} | |
.translate-y-full { | |
--transform-translate-y: 100%; | |
} | |
.skew-x-0 { | |
--transform-skew-x: 0; | |
} | |
.skew-x-3 { | |
--transform-skew-x: 3deg; | |
} | |
.skew-x-6 { | |
--transform-skew-x: 6deg; | |
} | |
.skew-x-12 { | |
--transform-skew-x: 12deg; | |
} | |
.-skew-x-12 { | |
--transform-skew-x: -12deg; | |
} | |
.-skew-x-6 { | |
--transform-skew-x: -6deg; | |
} | |
.-skew-x-3 { | |
--transform-skew-x: -3deg; | |
} | |
.skew-y-0 { | |
--transform-skew-y: 0; | |
} | |
.skew-y-3 { | |
--transform-skew-y: 3deg; | |
} | |
.skew-y-6 { | |
--transform-skew-y: 6deg; | |
} | |
.skew-y-12 { | |
--transform-skew-y: 12deg; | |
} | |
.-skew-y-12 { | |
--transform-skew-y: -12deg; | |
} | |
.-skew-y-6 { | |
--transform-skew-y: -6deg; | |
} | |
.-skew-y-3 { | |
--transform-skew-y: -3deg; | |
} | |
.transition-none { | |
transition-property: none; | |
} | |
.transition-all { | |
transition-property: all; | |
} | |
.transition { | |
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; | |
} | |
.transition-colors { | |
transition-property: background-color, border-color, color, fill, stroke; | |
} | |
.transition-opacity { | |
transition-property: opacity; | |
} | |
.transition-shadow { | |
transition-property: box-shadow; | |
} | |
.transition-transform { | |
transition-property: transform; | |
} | |
.ease-linear { | |
transition-timing-function: linear; | |
} | |
.ease-in { | |
transition-timing-function: cubic-bezier(0.4, 0, 1, 1); | |
} | |
.ease-out { | |
transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | |
} | |
.ease-in-out { | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
} | |
.duration-75 { | |
transition-duration: 75ms; | |
} | |
.duration-100 { | |
transition-duration: 100ms; | |
} | |
.duration-150 { | |
transition-duration: 150ms; | |
} | |
.duration-200 { | |
transition-duration: 200ms; | |
} | |
.duration-300 { | |
transition-duration: 300ms; | |
} | |
.duration-500 { | |
transition-duration: 500ms; | |
} | |
.duration-700 { | |
transition-duration: 700ms; | |
} | |
.duration-1000 { | |
transition-duration: 1000ms; | |
} | |
.delay-75 { | |
transition-delay: 75ms; | |
} | |
.delay-100 { | |
transition-delay: 100ms; | |
} | |
.delay-150 { | |
transition-delay: 150ms; | |
} | |
.delay-200 { | |
transition-delay: 200ms; | |
} | |
.delay-300 { | |
transition-delay: 300ms; | |
} | |
.delay-500 { | |
transition-delay: 500ms; | |
} | |
.delay-700 { | |
transition-delay: 700ms; | |
} | |
.delay-1000 { | |
transition-delay: 1000ms; | |
} | |
@media (min-width: 640px) { | |
.sm-bg-transparent { | |
background-color: transparent; | |
} | |
.sm-bg-white { | |
--bg-opacity: 1; | |
background-color: #ffffff; | |
background-color: rgba(255, 255, 255, var(--bg-opacity)); | |
} | |
.sm-bg-cool-gray-100 { | |
--bg-opacity: 1; | |
background-color: #f1f5f9; | |
background-color: rgba(241, 245, 249, var(--bg-opacity)); | |
} | |
.sm-bg-cool-gray-300 { | |
--bg-opacity: 1; | |
background-color: #cfd8e3; | |
background-color: rgba(207, 216, 227, var(--bg-opacity)); | |
} | |
.sm-bg-cool-gray-800 { | |
--bg-opacity: 1; | |
background-color: #27303f; | |
background-color: rgba(39, 48, 63, var(--bg-opacity)); | |
} | |
.sm-bg-cool-gray-900 { | |
--bg-opacity: 1; | |
background-color: #1a202e; | |
background-color: rgba(26, 32, 46, var(--bg-opacity)); | |
} | |
.sm-bg-orange-200 { | |
--bg-opacity: 1; | |
background-color: #faad3f; | |
background-color: rgba(250, 173, 63, var(--bg-opacity)); | |
} | |
.sm-bg-orange-500 { | |
--bg-opacity: 1; | |
background-color: #ff5a1f; | |
background-color: rgba(255, 90, 31, var(--bg-opacity)); | |
} | |
.sm-border-transparent { | |
border-color: transparent; | |
} | |
.sm-border-white { | |
--border-opacity: 1; | |
border-color: #ffffff; | |
border-color: rgba(255, 255, 255, var(--border-opacity)); | |
} | |
.sm-border-cool-gray-100 { | |
--border-opacity: 1; | |
border-color: #f1f5f9; | |
border-color: rgba(241, 245, 249, var(--border-opacity)); | |
} | |
.sm-border-cool-gray-300 { | |
--border-opacity: 1; | |
border-color: #cfd8e3; | |
border-color: rgba(207, 216, 227, var(--border-opacity)); | |
} | |
.sm-border-cool-gray-800 { | |
--border-opacity: 1; | |
border-color: #27303f; | |
border-color: rgba(39, 48, 63, var(--border-opacity)); | |
} | |
.sm-border-cool-gray-900 { | |
--border-opacity: 1; | |
border-color: #1a202e; | |
border-color: rgba(26, 32, 46, var(--border-opacity)); | |
} | |
.sm-border-orange-200 { | |
--border-opacity: 1; | |
border-color: #faad3f; | |
border-color: rgba(250, 173, 63, var(--border-opacity)); | |
} | |
.sm-border-orange-500 { | |
--border-opacity: 1; | |
border-color: #ff5a1f; | |
border-color: rgba(255, 90, 31, var(--border-opacity)); | |
} | |
.sm-border-opacity-0 { | |
--border-opacity: 0; | |
} | |
.sm-border-opacity-25 { | |
--border-opacity: 0.25; | |
} | |
.sm-border-opacity-50 { | |
--border-opacity: 0.5; | |
} | |
.sm-border-opacity-75 { | |
--border-opacity: 0.75; | |
} | |
.sm-border-opacity-100 { | |
--border-opacity: 1; | |
} | |
.sm-rounded-none { | |
border-radius: 0; | |
} | |
.sm-rounded-sm { | |
border-radius: 0.125rem; | |
} | |
.sm-rounded { | |
border-radius: 0.25rem; | |
} | |
.sm-rounded-md { | |
border-radius: 0.375rem; | |
} | |
.sm-rounded-lg { | |
border-radius: 0.5rem; | |
} | |
.sm-rounded-full { | |
border-radius: 9999px; | |
} | |
.sm-rounded-t-none { | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.sm-rounded-r-none { | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.sm-rounded-b-none { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.sm-rounded-l-none { | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.sm-rounded-t-sm { | |
border-top-left-radius: 0.125rem; | |
border-top-right-radius: 0.125rem; | |
} | |
.sm-rounded-r-sm { | |
border-top-right-radius: 0.125rem; | |
border-bottom-right-radius: 0.125rem; | |
} | |
.sm-rounded-b-sm { | |
border-bottom-right-radius: 0.125rem; | |
border-bottom-left-radius: 0.125rem; | |
} | |
.sm-rounded-l-sm { | |
border-top-left-radius: 0.125rem; | |
border-bottom-left-radius: 0.125rem; | |
} | |
.sm-rounded-t { | |
border-top-left-radius: 0.25rem; | |
border-top-right-radius: 0.25rem; | |
} | |
.sm-rounded-r { | |
border-top-right-radius: 0.25rem; | |
border-bottom-right-radius: 0.25rem; | |
} | |
.sm-rounded-b { | |
border-bottom-right-radius: 0.25rem; | |
border-bottom-left-radius: 0.25rem; | |
} | |
.sm-rounded-l { | |
border-top-left-radius: 0.25rem; | |
border-bottom-left-radius: 0.25rem; | |
} | |
.sm-rounded-t-md { | |
border-top-left-radius: 0.375rem; | |
border-top-right-radius: 0.375rem; | |
} | |
.sm-rounded-r-md { | |
border-top-right-radius: 0.375rem; | |
border-bottom-right-radius: 0.375rem; | |
} | |
.sm-rounded-b-md { | |
border-bottom-right-radius: 0.375rem; | |
border-bottom-left-radius: 0.375rem; | |
} | |
.sm-rounded-l-md { | |
border-top-left-radius: 0.375rem; | |
border-bottom-left-radius: 0.375rem; | |
} | |
.sm-rounded-t-lg { | |
border-top-left-radius: 0.5rem; | |
border-top-right-radius: 0.5rem; | |
} | |
.sm-rounded-r-lg { | |
border-top-right-radius: 0.5rem; | |
border-bottom-right-radius: 0.5rem; | |
} | |
.sm-rounded-b-lg { | |
border-bottom-right-radius: 0.5rem; | |
border-bottom-left-radius: 0.5rem; | |
} | |
.sm-rounded-l-lg { | |
border-top-left-radius: 0.5rem; | |
border-bottom-left-radius: 0.5rem; | |
} | |
.sm-rounded-t-full { | |
border-top-left-radius: 9999px; | |
border-top-right-radius: 9999px; | |
} | |
.sm-rounded-r-full { | |
border-top-right-radius: 9999px; | |
border-bottom-right-radius: 9999px; | |
} | |
.sm-rounded-b-full { | |
border-bottom-right-radius: 9999px; | |
border-bottom-left-radius: 9999px; | |
} | |
.sm-rounded-l-full { | |
border-top-left-radius: 9999px; | |
border-bottom-left-radius: 9999px; | |
} | |
.sm-rounded-tl-none { | |
border-top-left-radius: 0; | |
} | |
.sm-rounded-tr-none { | |
border-top-right-radius: 0; | |
} | |
.sm-rounded-br-none { | |
border-bottom-right-radius: 0; | |
} | |
.sm-rounded-bl-none { | |
border-bottom-left-radius: 0; | |
} | |
.sm-rounded-tl-sm { | |
border-top-left-radius: 0.125rem; | |
} | |
.sm-rounded-tr-sm { | |
border-top-right-radius: 0.125rem; | |
} | |
.sm-rounded-br-sm { | |
border-bottom-right-radius: 0.125rem; | |
} | |
.sm-rounded-bl-sm { | |
border-bottom-left-radius: 0.125rem; | |
} | |
.sm-rounded-tl { | |
border-top-left-radius: 0.25rem; | |
} | |
.sm-rounded-tr { | |
border-top-right-radius: 0.25rem; | |
} | |
.sm-rounded-br { | |
border-bottom-right-radius: 0.25rem; | |
} | |
.sm-rounded-bl { | |
border-bottom-left-radius: 0.25rem; | |
} | |
.sm-rounded-tl-md { | |
border-top-left-radius: 0.375rem; | |
} | |
.sm-rounded-tr-md { | |
border-top-right-radius: 0.375rem; | |
} | |
.sm-rounded-br-md { | |
border-bottom-right-radius: 0.375rem; | |
} | |
.sm-rounded-bl-md { | |
border-bottom-left-radius: 0.375rem; | |
} | |
.sm-rounded-tl-lg { | |
border-top-left-radius: 0.5rem; | |
} | |
.sm-rounded-tr-lg { | |
border-top-right-radius: 0.5rem; | |
} | |
.sm-rounded-br-lg { | |
border-bottom-right-radius: 0.5rem; | |
} | |
.sm-rounded-bl-lg { | |
border-bottom-left-radius: 0.5rem; | |
} | |
.sm-rounded-tl-full { | |
border-top-left-radius: 9999px; | |
} | |
.sm-rounded-tr-full { | |
border-top-right-radius: 9999px; | |
} | |
.sm-rounded-br-full { | |
border-bottom-right-radius: 9999px; | |
} | |
.sm-rounded-bl-full { | |
border-bottom-left-radius: 9999px; | |
} | |
.sm-border-0 { | |
border-width: 0; | |
} | |
.sm-border-2 { | |
border-width: 2px; | |
} | |
.sm-border-4 { | |
border-width: 4px; | |
} | |
.sm-border-8 { | |
border-width: 8px; | |
} | |
.sm-border { | |
border-width: 1px; | |
} | |
.sm-border-t-0 { | |
border-top-width: 0; | |
} | |
.sm-border-r-0 { | |
border-right-width: 0; | |
} | |
.sm-border-b-0 { | |
border-bottom-width: 0; | |
} | |
.sm-border-l-0 { | |
border-left-width: 0; | |
} | |
.sm-border-t-2 { | |
border-top-width: 2px; | |
} | |
.sm-border-r-2 { | |
border-right-width: 2px; | |
} | |
.sm-border-b-2 { | |
border-bottom-width: 2px; | |
} | |
.sm-border-l-2 { | |
border-left-width: 2px; | |
} | |
.sm-border-t-4 { | |
border-top-width: 4px; | |
} | |
.sm-border-r-4 { | |
border-right-width: 4px; | |
} | |
.sm-border-b-4 { | |
border-bottom-width: 4px; | |
} | |
.sm-border-l-4 { | |
border-left-width: 4px; | |
} | |
.sm-border-t-8 { | |
border-top-width: 8px; | |
} | |
.sm-border-r-8 { | |
border-right-width: 8px; | |
} | |
.sm-border-b-8 { | |
border-bottom-width: 8px; | |
} | |
.sm-border-l-8 { | |
border-left-width: 8px; | |
} | |
.sm-border-t { | |
border-top-width: 1px; | |
} | |
.sm-border-r { | |
border-right-width: 1px; | |
} | |
.sm-border-b { | |
border-bottom-width: 1px; | |
} | |
.sm-border-l { | |
border-left-width: 1px; | |
} | |
.sm-flex-row { | |
flex-direction: row; | |
} | |
.sm-flex-row-reverse { | |
flex-direction: row-reverse; | |
} | |
.sm-flex-col { | |
flex-direction: column; | |
} | |
.sm-flex-col-reverse { | |
flex-direction: column-reverse; | |
} | |
.sm-items-start { | |
align-items: flex-start; | |
} | |
.sm-items-end { | |
align-items: flex-end; | |
} | |
.sm-items-center { | |
align-items: center; | |
} | |
.sm-items-baseline { | |
align-items: baseline; | |
} | |
.sm-items-stretch { | |
align-items: stretch; | |
} | |
.sm-justify-start { | |
justify-content: flex-start; | |
} | |
.sm-justify-end { | |
justify-content: flex-end; | |
} | |
.sm-justify-center { | |
justify-content: center; | |
} | |
.sm-justify-between { | |
justify-content: space-between; | |
} | |
.sm-justify-around { | |
justify-content: space-around; | |
} | |
.sm-justify-evenly { | |
justify-content: space-evenly; | |
} | |
.sm-content-center { | |
align-content: center; | |
} | |
.sm-content-start { | |
align-content: flex-start; | |
} | |
.sm-content-end { | |
align-content: flex-end; | |
} | |
.sm-content-between { | |
align-content: space-between; | |
} | |
.sm-content-around { | |
align-content: space-around; | |
} | |
.sm-flex-1 { | |
flex: 1 1 0%; | |
} | |
.sm-flex-auto { | |
flex: 1 1 auto; | |
} | |
.sm-flex-initial { | |
flex: 0 1 auto; | |
} | |
.sm-flex-none { | |
flex: none; | |
} | |
.sm-flex-shrink-0 { | |
flex-shrink: 0; | |
} | |
.sm-flex-shrink { | |
flex-shrink: 1; | |
} | |
.sm-font-thin { | |
font-weight: 200; | |
} | |
.sm-font-normal { | |
font-weight: 400; | |
} | |
.sm-h-2 { | |
height: 0.5rem; | |
} | |
.sm-h-3 { | |
height: 0.75rem; | |
} | |
.sm-h-4 { | |
height: 1rem; | |
} | |
.sm-h-6 { | |
height: 1.5rem; | |
} | |
.sm-h-8 { | |
height: 2rem; | |
} | |
.sm-h-12 { | |
height: 3rem; | |
} | |
.sm-h-32 { | |
height: 8rem; | |
} | |
.sm-h-96 { | |
height: 24rem; | |
} | |
.sm-h-142 { | |
height: 36rem; | |
} | |
.sm-h-auto { | |
height: auto; | |
} | |
.sm-h-full { | |
height: 100%; | |
} | |
.sm-h-screen { | |
height: 100vh; | |
} | |
.sm-text-xs { | |
font-size: 0.75rem; | |
} | |
.sm-text-sm { | |
font-size: 0.875rem; | |
} | |
.sm-text-base { | |
font-size: 1rem; | |
} | |
.sm-text-lg { | |
font-size: 1.125rem; | |
} | |
.sm-text-xl { | |
font-size: 1.25rem; | |
} | |
.sm-text-2xl { | |
font-size: 1.5rem; | |
} | |
.sm-text-3xl { | |
font-size: 1.875rem; | |
} | |
.sm-text-4xl { | |
font-size: 2.25rem; | |
} | |
.sm-text-5xl { | |
font-size: 3rem; | |
} | |
.sm-text-6xl { | |
font-size: 4rem; | |
} | |
.sm-m-2 { | |
margin: 0.5rem; | |
} | |
.sm-m-3 { | |
margin: 0.75rem; | |
} | |
.sm-m-4 { | |
margin: 1rem; | |
} | |
.sm-m-6 { | |
margin: 1.5rem; | |
} | |
.sm-m-8 { | |
margin: 2rem; | |
} | |
.sm-m-12 { | |
margin: 3rem; | |
} | |
.sm-m-32 { | |
margin: 8rem; | |
} | |
.sm-m-96 { | |
margin: 24rem; | |
} | |
.sm-m-142 { | |
margin: 36rem; | |
} | |
.sm-m-auto { | |
margin: auto; | |
} | |
.sm--m-2 { | |
margin: -0.5rem; | |
} | |
.sm--m-3 { | |
margin: -0.75rem; | |
} | |
.sm--m-4 { | |
margin: -1rem; | |
} | |
.sm--m-6 { | |
margin: -1.5rem; | |
} | |
.sm--m-8 { | |
margin: -2rem; | |
} | |
.sm--m-12 { | |
margin: -3rem; | |
} | |
.sm--m-32 { | |
margin: -8rem; | |
} | |
.sm--m-96 { | |
margin: -24rem; | |
} | |
.sm--m-142 { | |
margin: -36rem; | |
} | |
.sm-my-2 { | |
margin-top: 0.5rem; | |
margin-bottom: 0.5rem; | |
} | |
.sm-mx-2 { | |
margin-left: 0.5rem; | |
margin-right: 0.5rem; | |
} | |
.sm-my-3 { | |
margin-top: 0.75rem; | |
margin-bottom: 0.75rem; | |
} | |
.sm-mx-3 { | |
margin-left: 0.75rem; | |
margin-right: 0.75rem; | |
} | |
.sm-my-4 { | |
margin-top: 1rem; | |
margin-bottom: 1rem; | |
} | |
.sm-mx-4 { | |
margin-left: 1rem; | |
margin-right: 1rem; | |
} | |
.sm-my-6 { | |
margin-top: 1.5rem; | |
margin-bottom: 1.5rem; | |
} | |
.sm-mx-6 { | |
margin-left: 1.5rem; | |
margin-right: 1.5rem; | |
} | |
.sm-my-8 { | |
margin-top: 2rem; | |
margin-bottom: 2rem; | |
} | |
.sm-mx-8 { | |
margin-left: 2rem; | |
margin-right: 2rem; | |
} | |
.sm-my-12 { | |
margin-top: 3rem; | |
margin-bottom: 3rem; | |
} | |
.sm-mx-12 { | |
margin-left: 3rem; | |
margin-right: 3rem; | |
} | |
.sm-my-32 { | |
margin-top: 8rem; | |
margin-bottom: 8rem; | |
} | |
.sm-mx-32 { | |
margin-left: 8rem; | |
margin-right: 8rem; | |
} | |
.sm-my-96 { | |
margin-top: 24rem; | |
margin-bottom: 24rem; | |
} | |
.sm-mx-96 { | |
margin-left: 24rem; | |
margin-right: 24rem; | |
} | |
.sm-my-142 { | |
margin-top: 36rem; | |
margin-bottom: 36rem; | |
} | |
.sm-mx-142 { | |
margin-left: 36rem; | |
margin-right: 36rem; | |
} | |
.sm-my-auto { | |
margin-top: auto; | |
margin-bottom: auto; | |
} | |
.sm-mx-auto { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.sm--my-2 { | |
margin-top: -0.5rem; | |
margin-bottom: -0.5rem; | |
} | |
.sm--mx-2 { | |
margin-left: -0.5rem; | |
margin-right: -0.5rem; | |
} | |
.sm--my-3 { | |
margin-top: -0.75rem; | |
margin-bottom: -0.75rem; | |
} | |
.sm--mx-3 { | |
margin-left: -0.75rem; | |
margin-right: -0.75rem; | |
} | |
.sm--my-4 { | |
margin-top: -1rem; | |
margin-bottom: -1rem; | |
} | |
.sm--mx-4 { | |
margin-left: -1rem; | |
margin-right: -1rem; | |
} | |
.sm--my-6 { | |
margin-top: -1.5rem; | |
margin-bottom: -1.5rem; | |
} | |
.sm--mx-6 { | |
margin-left: -1.5rem; | |
margin-right: -1.5rem; | |
} | |
.sm--my-8 { | |
margin-top: -2rem; | |
margin-bottom: -2rem; | |
} | |
.sm--mx-8 { | |
margin-left: -2rem; | |
margin-right: -2rem; | |
} | |
.sm--my-12 { | |
margin-top: -3rem; | |
margin-bottom: -3rem; | |
} | |
.sm--mx-12 { | |
margin-left: -3rem; | |
margin-right: -3rem; | |
} | |
.sm--my-32 { | |
margin-top: -8rem; | |
margin-bottom: -8rem; | |
} | |
.sm--mx-32 { | |
margin-left: -8rem; | |
margin-right: -8rem; | |
} | |
.sm--my-96 { | |
margin-top: -24rem; | |
margin-bottom: -24rem; | |
} | |
.sm--mx-96 { | |
margin-left: -24rem; | |
margin-right: -24rem; | |
} | |
.sm--my-142 { | |
margin-top: -36rem; | |
margin-bottom: -36rem; | |
} | |
.sm--mx-142 { | |
margin-left: -36rem; | |
margin-right: -36rem; | |
} | |
.sm-mt-2 { | |
margin-top: 0.5rem; | |
} | |
.sm-mr-2 { | |
margin-right: 0.5rem; | |
} | |
.sm-mb-2 { | |
margin-bottom: 0.5rem; | |
} | |
.sm-ml-2 { | |
margin-left: 0.5rem; | |
} | |
.sm-mt-3 { | |
margin-top: 0.75rem; | |
} | |
.sm-mr-3 { | |
margin-right: 0.75rem; | |
} | |
.sm-mb-3 { | |
margin-bottom: 0.75rem; | |
} | |
.sm-ml-3 { | |
margin-left: 0.75rem; | |
} | |
.sm-mt-4 { | |
margin-top: 1rem; | |
} | |
.sm-mr-4 { | |
margin-right: 1rem; | |
} | |
.sm-mb-4 { | |
margin-bottom: 1rem; | |
} | |
.sm-ml-4 { | |
margin-left: 1rem; | |
} | |
.sm-mt-6 { | |
margin-top: 1.5rem; | |
} | |
.sm-mr-6 { | |
margin-right: 1.5rem; | |
} | |
.sm-mb-6 { | |
margin-bottom: 1.5rem; | |
} | |
.sm-ml-6 { | |
margin-left: 1.5rem; | |
} | |
.sm-mt-8 { | |
margin-top: 2rem; | |
} | |
.sm-mr-8 { | |
margin-right: 2rem; | |
} | |
.sm-mb-8 { | |
margin-bottom: 2rem; | |
} | |
.sm-ml-8 { | |
margin-left: 2rem; | |
} | |
.sm-mt-12 { | |
margin-top: 3rem; | |
} | |
.sm-mr-12 { | |
margin-right: 3rem; | |
} | |
.sm-mb-12 { | |
margin-bottom: 3rem; | |
} | |
.sm-ml-12 { | |
margin-left: 3rem; | |
} | |
.sm-mt-32 { | |
margin-top: 8rem; | |
} | |
.sm-mr-32 { | |
margin-right: 8rem; | |
} | |
.sm-mb-32 { | |
margin-bottom: 8rem; | |
} | |
.sm-ml-32 { | |
margin-left: 8rem; | |
} | |
.sm-mt-96 { | |
margin-top: 24rem; | |
} | |
.sm-mr-96 { | |
margin-right: 24rem; | |
} | |
.sm-mb-96 { | |
margin-bottom: 24rem; | |
} | |
.sm-ml-96 { | |
margin-left: 24rem; | |
} | |
.sm-mt-142 { | |
margin-top: 36rem; | |
} | |
.sm-mr-142 { | |
margin-right: 36rem; | |
} | |
.sm-mb-142 { | |
margin-bottom: 36rem; | |
} | |
.sm-ml-142 { | |
margin-left: 36rem; | |
} | |
.sm-mt-auto { | |
margin-top: auto; | |
} | |
.sm-mr-auto { | |
margin-right: auto; | |
} | |
.sm-mb-auto { | |
margin-bottom: auto; | |
} | |
.sm-ml-auto { | |
margin-left: auto; | |
} | |
.sm--mt-2 { | |
margin-top: -0.5rem; | |
} | |
.sm--mr-2 { | |
margin-right: -0.5rem; | |
} | |
.sm--mb-2 { | |
margin-bottom: -0.5rem; | |
} | |
.sm--ml-2 { | |
margin-left: -0.5rem; | |
} | |
.sm--mt-3 { | |
margin-top: -0.75rem; | |
} | |
.sm--mr-3 { | |
margin-right: -0.75rem; | |
} | |
.sm--mb-3 { | |
margin-bottom: -0.75rem; | |
} | |
.sm--ml-3 { | |
margin-left: -0.75rem; | |
} | |
.sm--mt-4 { | |
margin-top: -1rem; | |
} | |
.sm--mr-4 { | |
margin-right: -1rem; | |
} | |
.sm--mb-4 { | |
margin-bottom: -1rem; | |
} | |
.sm--ml-4 { | |
margin-left: -1rem; | |
} | |
.sm--mt-6 { | |
margin-top: -1.5rem; | |
} | |
.sm--mr-6 { | |
margin-right: -1.5rem; | |
} | |
.sm--mb-6 { | |
margin-bottom: -1.5rem; | |
} | |
.sm--ml-6 { | |
margin-left: -1.5rem; | |
} | |
.sm--mt-8 { | |
margin-top: -2rem; | |
} | |
.sm--mr-8 { | |
margin-right: -2rem; | |
} | |
.sm--mb-8 { | |
margin-bottom: -2rem; | |
} | |
.sm--ml-8 { | |
margin-left: -2rem; | |
} | |
.sm--mt-12 { | |
margin-top: -3rem; | |
} | |
.sm--mr-12 { | |
margin-right: -3rem; | |
} | |
.sm--mb-12 { | |
margin-bottom: -3rem; | |
} | |
.sm--ml-12 { | |
margin-left: -3rem; | |
} | |
.sm--mt-32 { | |
margin-top: -8rem; | |
} | |
.sm--mr-32 { | |
margin-right: -8rem; | |
} | |
.sm--mb-32 { | |
margin-bottom: -8rem; | |
} | |
.sm--ml-32 { | |
margin-left: -8rem; | |
} | |
.sm--mt-96 { | |
margin-top: -24rem; | |
} | |
.sm--mr-96 { | |
margin-right: -24rem; | |
} | |
.sm--mb-96 { | |
margin-bottom: -24rem; | |
} | |
.sm--ml-96 { | |
margin-left: -24rem; | |
} | |
.sm--mt-142 { | |
margin-top: -36rem; | |
} | |
.sm--mr-142 { | |
margin-right: -36rem; | |
} | |
.sm--mb-142 { | |
margin-bottom: -36rem; | |
} | |
.sm--ml-142 { | |
margin-left: -36rem; | |
} | |
.sm-max-w-6xl { | |
max-width: 72rem; | |
} | |
.sm-overflow-auto { | |
overflow: auto; | |
} | |
.sm-overflow-hidden { | |
overflow: hidden; | |
} | |
.sm-overflow-visible { | |
overflow: visible; | |
} | |
.sm-overflow-scroll { | |
overflow: scroll; | |
} | |
.sm-overflow-x-auto { | |
overflow-x: auto; | |
} | |
.sm-overflow-y-auto { | |
overflow-y: auto; | |
} | |
.sm-overflow-x-hidden { | |
overflow-x: hidden; | |
} | |
.sm-overflow-y-hidden { | |
overflow-y: hidden; | |
} | |
.sm-overflow-x-visible { | |
overflow-x: visible; | |
} | |
.sm-overflow-y-visible { | |
overflow-y: visible; | |
} | |
.sm-overflow-x-scroll { | |
overflow-x: scroll; | |
} | |
.sm-overflow-y-scroll { | |
overflow-y: scroll; | |
} | |
.sm-scrolling-touch { | |
-webkit-overflow-scrolling: touch; | |
} | |
.sm-scrolling-auto { | |
-webkit-overflow-scrolling: auto; | |
} | |
.sm-p-2 { | |
padding: 0.5rem; | |
} | |
.sm-p-3 { | |
padding: 0.75rem; | |
} | |
.sm-p-4 { | |
padding: 1rem; | |
} | |
.sm-p-6 { | |
padding: 1.5rem; | |
} | |
.sm-p-8 { | |
padding: 2rem; | |
} | |
.sm-p-12 { | |
padding: 3rem; | |
} | |
.sm-p-32 { | |
padding: 8rem; | |
} | |
.sm-p-96 { | |
padding: 24rem; | |
} | |
.sm-p-142 { | |
padding: 36rem; | |
} | |
.sm-py-2 { | |
padding-top: 0.5rem; | |
padding-bottom: 0.5rem; | |
} | |
.sm-px-2 { | |
padding-left: 0.5rem; | |
padding-right: 0.5rem; | |
} | |
.sm-py-3 { | |
padding-top: 0.75rem; | |
padding-bottom: 0.75rem; | |
} | |
.sm-px-3 { | |
padding-left: 0.75rem; | |
padding-right: 0.75rem; | |
} | |
.sm-py-4 { | |
padding-top: 1rem; | |
padding-bottom: 1rem; | |
} | |
.sm-px-4 { | |
padding-left: 1rem; | |
padding-right: 1rem; | |
} | |
.sm-py-6 { | |
padding-top: 1.5rem; | |
padding-bottom: 1.5rem; | |
} | |
.sm-px-6 { | |
padding-left: 1.5rem; | |
padding-right: 1.5rem; | |
} | |
.sm-py-8 { | |
padding-top: 2rem; | |
padding-bottom: 2rem; | |
} | |
.sm-px-8 { | |
padding-left: 2rem; | |
padding-right: 2rem; | |
} | |
.sm-py-12 { | |
padding-top: 3rem; | |
padding-bottom: 3rem; | |
} | |
.sm-px-12 { | |
padding-left: 3rem; | |
padding-right: 3rem; | |
} | |
.sm-py-32 { | |
padding-top: 8rem; | |
padding-bottom: 8rem; | |
} | |
.sm-px-32 { | |
padding-left: 8rem; | |
padding-right: 8rem; | |
} | |
.sm-py-96 { | |
padding-top: 24rem; | |
padding-bottom: 24rem; | |
} | |
.sm-px-96 { | |
padding-left: 24rem; | |
padding-right: 24rem; | |
} | |
.sm-py-142 { | |
padding-top: 36rem; | |
padding-bottom: 36rem; | |
} | |
.sm-px-142 { | |
padding-left: 36rem; | |
padding-right: 36rem; | |
} | |
.sm-pt-2 { | |
padding-top: 0.5rem; | |
} | |
.sm-pr-2 { | |
padding-right: 0.5rem; | |
} | |
.sm-pb-2 { | |
padding-bottom: 0.5rem; | |
} | |
.sm-pl-2 { | |
padding-left: 0.5rem; | |
} | |
.sm-pt-3 { | |
padding-top: 0.75rem; | |
} | |
.sm-pr-3 { | |
padding-right: 0.75rem; | |
} | |
.sm-pb-3 { | |
padding-bottom: 0.75rem; | |
} | |
.sm-pl-3 { | |
padding-left: 0.75rem; | |
} | |
.sm-pt-4 { | |
padding-top: 1rem; | |
} | |
.sm-pr-4 { | |
padding-right: 1rem; | |
} | |
.sm-pb-4 { | |
padding-bottom: 1rem; | |
} | |
.sm-pl-4 { | |
padding-left: 1rem; | |
} | |
.sm-pt-6 { | |
padding-top: 1.5rem; | |
} | |
.sm-pr-6 { | |
padding-right: 1.5rem; | |
} | |
.sm-pb-6 { | |
padding-bottom: 1.5rem; | |
} | |
.sm-pl-6 { | |
padding-left: 1.5rem; | |
} | |
.sm-pt-8 { | |
padding-top: 2rem; | |
} | |
.sm-pr-8 { | |
padding-right: 2rem; | |
} | |
.sm-pb-8 { | |
padding-bottom: 2rem; | |
} | |
.sm-pl-8 { | |
padding-left: 2rem; | |
} | |
.sm-pt-12 { | |
padding-top: 3rem; | |
} | |
.sm-pr-12 { | |
padding-right: 3rem; | |
} | |
.sm-pb-12 { | |
padding-bottom: 3rem; | |
} | |
.sm-pl-12 { | |
padding-left: 3rem; | |
} | |
.sm-pt-32 { | |
padding-top: 8rem; | |
} | |
.sm-pr-32 { | |
padding-right: 8rem; | |
} | |
.sm-pb-32 { | |
padding-bottom: 8rem; | |
} | |
.sm-pl-32 { | |
padding-left: 8rem; | |
} | |
.sm-pt-96 { | |
padding-top: 24rem; | |
} | |
.sm-pr-96 { | |
padding-right: 24rem; | |
} | |
.sm-pb-96 { | |
padding-bottom: 24rem; | |
} | |
.sm-pl-96 { | |
padding-left: 24rem; | |
} | |
.sm-pt-142 { | |
padding-top: 36rem; | |
} | |
.sm-pr-142 { | |
padding-right: 36rem; | |
} | |
.sm-pb-142 { | |
padding-bottom: 36rem; | |
} | |
.sm-pl-142 { | |
padding-left: 36rem; | |
} | |
.sm-fill-current { | |
fill: currentColor; | |
} | |
.sm-text-left { | |
text-align: left; | |
} | |
.sm-text-center { | |
text-align: center; | |
} | |
.sm-text-right { | |
text-align: right; | |
} | |
.sm-text-justify { | |
text-align: justify; | |
} | |
.sm-text-transparent { | |
color: transparent; | |
} | |
.sm-text-white { | |
--text-opacity: 1; | |
color: #ffffff; | |
color: rgba(255, 255, 255, var(--text-opacity)); | |
} | |
.sm-text-cool-gray-100 { | |
--text-opacity: 1; | |
color: #f1f5f9; | |
color: rgba(241, 245, 249, var(--text-opacity)); | |
} | |
.sm-text-cool-gray-300 { | |
--text-opacity: 1; | |
color: #cfd8e3; | |
color: rgba(207, 216, 227, var(--text-opacity)); | |
} | |
.sm-text-cool-gray-800 { | |
--text-opacity: 1; | |
color: #27303f; | |
color: rgba(39, 48, 63, var(--text-opacity)); | |
} | |
.sm-text-cool-gray-900 { | |
--text-opacity: 1; | |
color: #1a202e; | |
color: rgba(26, 32, 46, var(--text-opacity)); | |
} | |
.sm-text-orange-200 { | |
--text-opacity: 1; | |
color: #faad3f; | |
color: rgba(250, 173, 63, var(--text-opacity)); | |
} | |
.sm-text-orange-500 { | |
--text-opacity: 1; | |
color: #ff5a1f; | |
color: rgba(255, 90, 31, var(--text-opacity)); | |
} | |
.sm-w-2 { | |
width: 0.5rem; | |
} | |
.sm-w-3 { | |
width: 0.75rem; | |
} | |
.sm-w-4 { | |
width: 1rem; | |
} | |
.sm-w-6 { | |
width: 1.5rem; | |
} | |
.sm-w-8 { | |
width: 2rem; | |
} | |
.sm-w-12 { | |
width: 3rem; | |
} | |
.sm-w-32 { | |
width: 8rem; | |
} | |
.sm-w-96 { | |
width: 24rem; | |
} | |
.sm-w-142 { | |
width: 36rem; | |
} | |
.sm-w-auto { | |
width: auto; | |
} | |
.sm-w-full { | |
width: 100%; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment