Experios Dev Notes – Available Tailwind Classes

Available Tailwind custom font size and line height values:
fontSize: {
“em-1” : “0.25em”,
“em-1-0” : “0.3em”,
“em-1-1” : “0.35em”,
“em-1-2” : “0.4em”,
“em-1-3” : “0.45em”,
“em-2” : “0.5em”,
“em-2-0” : “0.55em”,
“em-2-1”: “0.6em”,
“em-2-2”: “0.65em”,
“em-2-3”: “0.7em”,
“em-3” : “0.75em”,
“em-3-0” : “0.8em”,
“em-3-1”: “0.875em”,
“em-3-2”: “0.9em”,
“em-3-3”: “0.95em”,
“em-4” : “1em”,
“rem-4” : “1rem”,
“em-4-0” : “1.05em”,
“em-4-1” : “1.1em”,
“em-4-2” : “1.15em”,
“em-4-3” : “1.2em”,
“em-5” : “1.25em”,
“em-6” : “1.5em”,
“em-7” : “1.75em”,
“em-8” : “2em”,
“em-9” : “2.25em”,
“em-10” : “2.5em”,
“em-12” : “3em”,
“em-15” : “3.5em”,
“em-17” : “4em”,
“em-18” : ‘4.5em’,
“em-22” : ‘5.5em’,
“em-23” : ‘6em’,
“em-30” : ’10em’,
},
lineHeight: {
“em-1”: “0.25em”,
“em-2”: “0.5em”,
“em-3”: “0.75em”,
“em-4”: “1em”,
“em-4-5”: “1.1em”,
“em-5”: “1.25em”,
“em-5-1”: “1.3em”,
“em-5-2”: “1.4em”,
“em-6”: “1.5em”,
“em-7”: “1.75em”,
“em-8”: “2em”,
}

Available Tailwind font families
fontFamily: {
“anton”: [“Anton”, “sans-serif”],
“futura”: [“Futura”, “sans-serif”],
“nexa-rust-sans”: [“Nexa Rust Sans”, “sans-serif”],
“lato”: [“Lato”, “sans-serif”],
“lora”: [“Lora”, “serif”],
“opensans”: [“Open Sans”, “sans-serif”],
“roboto-slab”: [“Roboto Slab”, “sans-serif”],
“roboto”: [“Roboto”, “sans-serif”],
“playfair-display”: [“Playfair Display”, “sans-serif”],
“merriweather”: [“Merriweather”, “sans-serif”],
“montserrat” : [“Montserrat Regular”, “sans-serif”],
‘oswald’ : [‘Oswald’, ‘sans-serif’],
‘raleway’ : [‘Raleway’, ‘sans-serif’],
‘nunito’ : [‘Nunito’, ‘sans-serif’],
‘lato’ : [‘Lato’, ‘sans-serif’],
‘muli’ : [‘Muli’, ‘sans-serif’],
“ubuntu”: [“Ubuntu”, “sans-serif”],
“spectral”: [“Spectral”, “sans-serif”],
“work-sans”: [“Work Sans”, “sans-serif”],
“courgette”: [“Courgette”, “sans-serif”],
“libre-baskerville”: [“Libre Baskerville”, “sans-serif”],
“arimo”: [“Arimo”, “sans-serif”],
“josefin-sans”: [“Josefin Sans”, “sans-serif”],
},

Available Tailwind width/height values
minHeight: {
“1/5-screen”: “20vh”,
“1/4-screen”: “25vh”,
“1/3-screen”: “33.3333vh”,
“2/5-screen”: “40vh”,
“1/2-screen”: “50vh”,
“2/3-screen”: “66.6666vh”,
“3/5-screen”: “60vh”,
“3/4-screen”: “75vh”,
“4/5-screen”: “80vh”,
“9/10-screen”: “90vh”
},
maxWidth: {
“1/15-screen”: “7.5vw”,
“1/5-screen”: “20vw”,
“2/5-screen”: “40vw”,
“150px”:”150px”,
“100px”:”100px”,
“300px”:”300px”,
“360px”:”360px”,
“20px”:”20px”,
“50per”:”50%”,
“80per”:”80%”,
“1/12″:”8.33%”,
“2/12″:”16.66%”,
“3/12″:”25%”,
“4/12″:”33.33%”,
“5/12″:”41.66%”,
“6/12″:”50%”,
“7/12″:”58.33%”,
“8/12″:”66.66%”,
“9/12″:”75%”,
“10/12″:”83.33%”,
“11/12″:”91.66%”,
},
maxHeight: {
“100px”:”100px”
},
height: {
“1/2-screen”: “50vh”,
“1/5-screen”: “20vh”,
“1/4-screen”: “25vh”,
“2/5-screen”: “40vh”,
“3/4-screen”: “75vh”,
“1/33-screen”: “15vh”,
“1/10-screen”: “10vh”,
“6/10-screen”: “60vh”,
“7/10-screen”: “70vh”,
“8/10-screen”: “80vh”,
“9/10-screen”: “90vh”,
“0-7em”: “0.7em”,
“1em”: “1em”,
“1-5em”: “1.5em”,
“2em”: “2em”,
“3em”: “3em”,
“4em”: “4em”,
“5em”: “5em”,
“6em”: “6em”,
“7em”: “7em”,
“8em”: “8em”,
“8-5em”: “8.5em”,
“14em”: “14em”,
“18em”: “18em”,
“20em”: “20em”,
“24em”: “24em”,
“28em”: “28em”,
“100px”:”100px”,
“120px”:”120px”,
“200px”:”200px”,
“mar2”: “calc(100vh – 4em)”,
“fit”:”fit-content”,
},
width: {
“1em”: “1em”,
“2em”: “2em”,
“3em”: “3em”,
“4em”: “4em”,
“5em”: “5em”,
“6em”: “6em”,
“7em”: “7em”,
“1/4-screen”: “25vw”,
“1/3-screen”: “33vw”,
“1/2-screen”: “50vw”,
“9/10-screen”: “90vw”,
“mar2”: “calc(100vw – 12vh)”,
“mar1”: “calc(100vw – 5vh)”,
“mar3”: “calc(33vw – 10vh)”,
“mar4”: “calc(100vw – 10vh)”,
“mar5”: “96vw”,
“mar6”: “90vw”,
“mar7”: “92vw”,
},

Available Tailwind Inset values
inset: {
“0-6em”: “0.6em”,
“2em”: “2em”,
“3em”: “3em”
},

Available Tailwind Opacity values
opacity: {
’60’: ‘0.6’,
’70’: ‘0.7’,
’85’: ‘.85’,
}

Available Tailwind padding/margins values
margin: {
“0em”: “0em”,
“1-75em”: “1.75em”,
“0-4em”: “0.4em”,
“1em”: “1em”,
“2em”: “2em”,
“3em”: “3em”,
“4em”: “4em”,
“5em”: “5em”,
“6em”: “6em”,
“7em”: “7em”,
“8em”: “8em”,
“9em”: “9em”,
“10em”: “10em”,
“11em”: “11em”,
“12em”: “11em”,
“5vh-em”: “5vh”,
“5vw-em”: “5vw”,
“2vw-em”: “2vw”,
“80px”: “80px”,
“65px”: “65px”,
“1-3″:”33.3%”,
“1-4″:”25%”,
“1/24″:”4.16%”,
“1/12″:”8.33%”,
“2/12″:”16.66%”,
“3/12″:”25%”,
“4/12″:”33.33%”,
“5/12″:”41.66%”,
“6/12″:”50%”,
“7/12″:”58.33%”,
“8/12″:”66.66%”,
“9/12″:”75%”,
“10/12″:”83.33%”,
“11/12″:”91.66%”,
“auto-screen”: “auto”,
},

padding: {
“10px”: “10px”,
“40px”: “40px”,
“60px”: “60px”,
“0em”: “0em”,
“0-25em”: “0.25em”,
“1em”: “1em”,
“2em”: “2em”,
“3em”: “3em”,
“4em”: “4em”,
“5em”: “5em”,
“6em”: “6em”,
“7em”: “7em”,
“8em”: “8em”,
“9em”: “9em”,
“10em”: “10em”,
“11em”: “11em”,
“12em”: “12em”,
“100”: “100%”,
“12per”:”12%”,
},