mirror of
https://github.com/Infisical/infisical.git
synced 2026-01-10 07:58:15 -05:00
feat: cleanup tw config before upgrade
This commit is contained in:
=
@@ -1,13 +1,3 @@
|
||||
const colors = require("tailwindcss/colors");
|
||||
const round = (num) =>
|
||||
num
|
||||
.toFixed(7)
|
||||
.replace(/(\.[0-9]+?)0+$/, "$1")
|
||||
.replace(/\.0$/, "");
|
||||
const em = (px, base) => `${round(px / base)}em`;
|
||||
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
darkMode: "class",
|
||||
@@ -343,234 +333,20 @@ module.exports = {
|
||||
"7xl": "5rem",
|
||||
"8xl": "6rem",
|
||||
"9xl": "7rem"
|
||||
},
|
||||
typography: (theme) => ({
|
||||
DEFAULT: {
|
||||
css: [
|
||||
{
|
||||
color: "var(--tw-prose-body)",
|
||||
maxWidth: "65ch",
|
||||
'[class~="lead"]': {
|
||||
color: "var(--tw-prose-lead)"
|
||||
},
|
||||
a: {
|
||||
color: colors.gray[200],
|
||||
textDecoration: "underline",
|
||||
fontWeight: "500"
|
||||
},
|
||||
strong: {
|
||||
color: colors.gray[200],
|
||||
fontWeight: "600"
|
||||
},
|
||||
"a strong": {
|
||||
color: "inherit"
|
||||
},
|
||||
"blockquote strong": {
|
||||
color: "inherit"
|
||||
},
|
||||
"thead th strong": {
|
||||
color: "inherit"
|
||||
},
|
||||
ol: {
|
||||
listStyleType: "decimal"
|
||||
},
|
||||
'ol[type="A"]': {
|
||||
listStyleType: "upper-alpha"
|
||||
},
|
||||
'ol[type="a"]': {
|
||||
listStyleType: "lower-alpha"
|
||||
},
|
||||
'ol[type="A" s]': {
|
||||
listStyleType: "upper-alpha"
|
||||
},
|
||||
'ol[type="a" s]': {
|
||||
listStyleType: "lower-alpha"
|
||||
},
|
||||
'ol[type="I"]': {
|
||||
listStyleType: "upper-roman"
|
||||
},
|
||||
'ol[type="i"]': {
|
||||
listStyleType: "lower-roman"
|
||||
},
|
||||
'ol[type="I" s]': {
|
||||
listStyleType: "upper-roman"
|
||||
},
|
||||
'ol[type="i" s]': {
|
||||
listStyleType: "lower-roman"
|
||||
},
|
||||
'ol[type="1"]': {
|
||||
listStyleType: "decimal"
|
||||
},
|
||||
ul: {
|
||||
listStyleType: "disc"
|
||||
},
|
||||
"ol > li::marker": {
|
||||
fontWeight: "400",
|
||||
color: "var(--tw-prose-counters)"
|
||||
},
|
||||
"ul > li::marker": {
|
||||
color: "var(--tw-prose-bullets)"
|
||||
},
|
||||
hr: {
|
||||
borderColor: "var(--tw-prose-hr)",
|
||||
borderTopWidth: 1
|
||||
},
|
||||
blockquote: {
|
||||
fontWeight: "500",
|
||||
fontStyle: "italic",
|
||||
color: "var(--tw-prose-quotes)",
|
||||
borderLeftWidth: "0.25rem",
|
||||
borderLeftColor: "var(--tw-prose-quote-borders)",
|
||||
quotes: '"\\201C""\\201D""\\2018""\\2019"'
|
||||
},
|
||||
"blockquote p:first-of-type::before": {
|
||||
content: "open-quote"
|
||||
},
|
||||
"blockquote p:last-of-type::after": {
|
||||
content: "close-quote"
|
||||
},
|
||||
h1: {
|
||||
color: colors.gray[200],
|
||||
fontWeight: "800"
|
||||
},
|
||||
"h1 strong": {
|
||||
fontWeight: "900",
|
||||
color: "inherit"
|
||||
},
|
||||
h2: {
|
||||
color: colors.gray[200],
|
||||
fontWeight: "700"
|
||||
},
|
||||
"h2 strong": {
|
||||
fontWeight: "800",
|
||||
color: "inherit"
|
||||
},
|
||||
h3: {
|
||||
color: colors.gray[300],
|
||||
fontWeight: "600"
|
||||
},
|
||||
"h3 strong": {
|
||||
fontWeight: "700",
|
||||
color: "inherit"
|
||||
},
|
||||
h4: {
|
||||
color: colors.gray[400],
|
||||
fontWeight: "600"
|
||||
},
|
||||
"h4 strong": {
|
||||
fontWeight: "700",
|
||||
color: "inherit"
|
||||
},
|
||||
// TODO: Figure out how to not need these, it's a merging issue
|
||||
img: {},
|
||||
"figure > *": {},
|
||||
figcaption: {
|
||||
color: "var(--tw-prose-captions)"
|
||||
},
|
||||
code: {
|
||||
color: "var(--tw-prose-code)",
|
||||
fontWeight: "600"
|
||||
},
|
||||
"code::before": {
|
||||
content: '"`"'
|
||||
},
|
||||
"code::after": {
|
||||
content: '"`"'
|
||||
},
|
||||
"a code": {
|
||||
color: "inherit"
|
||||
},
|
||||
"h1 code": {
|
||||
color: "inherit"
|
||||
},
|
||||
"h2 code": {
|
||||
color: "inherit"
|
||||
},
|
||||
"h3 code": {
|
||||
color: "inherit"
|
||||
},
|
||||
"h4 code": {
|
||||
color: "inherit"
|
||||
},
|
||||
"blockquote code": {
|
||||
color: "inherit"
|
||||
},
|
||||
"thead th code": {
|
||||
color: "inherit"
|
||||
},
|
||||
pre: {
|
||||
color: "var(--tw-prose-pre-code)",
|
||||
backgroundColor: colors.gray[800],
|
||||
overflowX: "auto",
|
||||
fontWeight: "400"
|
||||
},
|
||||
"pre code": {
|
||||
backgroundColor: "transparent",
|
||||
borderWidth: "0",
|
||||
borderRadius: "0",
|
||||
padding: "0",
|
||||
fontWeight: "inherit",
|
||||
color: "inherit",
|
||||
fontSize: "inherit",
|
||||
fontFamily: "inherit",
|
||||
lineHeight: "inherit"
|
||||
},
|
||||
"pre code::before": {
|
||||
content: "none"
|
||||
},
|
||||
"pre code::after": {
|
||||
content: "none"
|
||||
},
|
||||
table: {
|
||||
width: "100%",
|
||||
tableLayout: "auto",
|
||||
textAlign: "left",
|
||||
marginTop: em(32, 16),
|
||||
marginBottom: em(32, 16)
|
||||
},
|
||||
thead: {
|
||||
borderBottomWidth: "1px",
|
||||
borderBottomColor: "var(--tw-prose-th-borders)"
|
||||
},
|
||||
"thead th": {
|
||||
color: "var(--tw-prose-headings)",
|
||||
fontWeight: "600",
|
||||
verticalAlign: "bottom"
|
||||
},
|
||||
"tbody tr": {
|
||||
borderBottomWidth: "1px",
|
||||
borderBottomColor: "var(--tw-prose-td-borders)"
|
||||
},
|
||||
"tbody tr:last-child": {
|
||||
borderBottomWidth: "0"
|
||||
},
|
||||
"tbody td": {
|
||||
verticalAlign: "baseline"
|
||||
},
|
||||
tfoot: {
|
||||
borderTopWidth: "1px",
|
||||
borderTopColor: "var(--tw-prose-th-borders)"
|
||||
},
|
||||
"tfoot td": {
|
||||
verticalAlign: "top"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
plugin(function ({ addUtilities }) {
|
||||
addUtilities({
|
||||
".no-scrollbar::-webkit-scrollbar": {
|
||||
display: "none"
|
||||
},
|
||||
".no-scrollbar": {
|
||||
"-ms-overflow-style": "none",
|
||||
"scrollbar-width": "none"
|
||||
}
|
||||
});
|
||||
}),
|
||||
// plugin(function ({ addUtilities }) {
|
||||
// addUtilities({
|
||||
// ".no-scrollbar::-webkit-scrollbar": {
|
||||
// display: "none"
|
||||
// },
|
||||
// ".no-scrollbar": {
|
||||
// "-ms-overflow-style": "none",
|
||||
// "scrollbar-width": "none"
|
||||
// }
|
||||
// });
|
||||
// }),
|
||||
require("@tailwindcss/typography")
|
||||
]
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user