Add xs screen, reformat tailwind config

This commit is contained in:
Xevion
2022-11-25 00:20:54 -06:00
parent 66c59666c6
commit 59ae8a18ff

View File

@@ -1,28 +1,28 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
content: [ content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: { theme: {
extend: { extend: {
screens: {
xs: "450px",
},
boxShadow: { boxShadow: {
"inner-md": "inset 1px 4px 6px 0 rgb(0 0 0 / 0.1)", "inner-md": "inset 1px 4px 6px 0 rgb(0 0 0 / 0.1)",
"inner-md-2": "inset 2px 2px 6px 0 rgb(0 0 0 / 0.15)", "inner-md-2": "inset 2px 2px 6px 0 rgb(0 0 0 / 0.15)",
"inner-md-3": "inset 2px 4px 6px 0 rgb(0 0 0 / 0.21)", "inner-md-3": "inset 2px 4px 6px 0 rgb(0 0 0 / 0.21)",
"inner-md-4": "inset 2px 4px 10px 0 rgb(0 0 0 / 0.28)", "inner-md-4": "inset 2px 4px 10px 0 rgb(0 0 0 / 0.28)",
"inner-lg": "inset 4px 5px 7px 0 rgb(0 0 0 / 0.2)", "inner-lg": "inset 4px 5px 7px 0 rgb(0 0 0 / 0.2)",
"inner-xl": "inset 4px 9px 9px 0 rgb(0 0 0 / 0.3)", "inner-xl": "inset 4px 9px 9px 0 rgb(0 0 0 / 0.3)",
"inner-2xl": "inset 4px 11px 12px 0 rgb(0 0 0 / 0.3)", "inner-2xl": "inset 4px 11px 12px 0 rgb(0 0 0 / 0.3)",
}, },
fontFamily: { fontFamily: {
opensans: ["\"Open Sans\"", "sans-serif"], opensans: ['"Open Sans"', "sans-serif"],
inter: ["\"Inter\"", "sans-serif"], inter: ['"Inter"', "sans-serif"],
mono: ["\"Roboto Mono\"", "monospace"], mono: ['"Roboto Mono"', "monospace"],
raleway: ["\"Raleway\"", "sans-serif"], raleway: ['"Raleway"', "sans-serif"],
roboto: ["\"Roboto\""], roboto: ['"Roboto"'],
}, },
}, },
}, },
plugins: [], plugins: [],
} };