pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

feat(tailwind-config): add screen sizes

Browse source
This commit is contained in:
Kim, Jimin 2023-07-06 14:06:40 +09:00
parent 3b099e4efe
commit c573fcd9b9
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/tailwind-config/tailwind.config.js
View file

@ -7,7 +7,7 @@ export default {
// UI // UI
/***/ "dark-ui": "#202225", /***/ "dark-ui": "#202225",
/**/ "light-ui": "#FFFFFF", /**/ "light-ui": "#FFFFFF",
/***/ "dark-ui-hover": "#3F3F46", /***/ "dark-ui-hover": "#3F3F46", // zinc-700
/**/ "light-ui-hover": "#EEEEEE", /**/ "light-ui-hover": "#EEEEEE",
/***/ "dark-ui-bg": "#36393F", /***/ "dark-ui-bg": "#36393F",
/**/ "light-ui-bg": "#F7F7F7", /**/ "light-ui-bg": "#F7F7F7",
@ -79,7 +79,7 @@ export default {
/**/ "light-input-border": "#CCCCCC", /**/ "light-input-border": "#CCCCCC",
/***/ "dark-input-border-hover": "#808080", /***/ "dark-input-border-hover": "#808080",
/**/ "light-input-border-hover": "#808080", /**/ "light-input-border-hover": "#808080",
/***/ "dark-input-border-focus": "#A3A3A3", /***/ "dark-input-border-focus": "#A3A3A3", // neutral-400
/**/ "light-input-border-focus": "#000000", /**/ "light-input-border-focus": "#000000",
/***/ "dark-input-placeholder": "#A9A9A9", /***/ "dark-input-placeholder": "#A9A9A9",
/**/ "light-input-placeholder": "#777777", /**/ "light-input-placeholder": "#777777",
@ -109,8 +109,8 @@ export default {
/**/ "light-scrollbar-thumb": "#DDDDDD", /**/ "light-scrollbar-thumb": "#DDDDDD",
// scroll progress // scroll progress
/***/ "dark-scroll-progress-bg": "#52525B", /***/ "dark-scroll-progress-bg": "#52525B", // zinc-600
/**/ "light-scroll-progress-bg": "#D4D4D8", /**/ "light-scroll-progress-bg": "#D4D4D8", // zinc-300
/***/ "dark-scroll-progress-fg": "#D4D4D8", /***/ "dark-scroll-progress-fg": "#D4D4D8",
/**/ "light-scroll-progress-fg": "#52525B", /**/ "light-scroll-progress-fg": "#52525B",
@ -120,6 +120,11 @@ export default {
/***/ "dark-table-alt": "#21272E", /***/ "dark-table-alt": "#21272E",
/**/ "light-table-alt": "#F2F2F2", /**/ "light-table-alt": "#F2F2F2",
}, },
screens: {
xs: "350px",
mobile: "1024px", // max-w-screen-lg
desktop: "1536px", // max-w-screen-2xl
},
fontFamily: { fontFamily: {
"noto-sans": ['"Noto Sans KR"', "sans-serif"], "noto-sans": ['"Noto Sans KR"', "sans-serif"],
"source-code-pro": ['"Source Code Pro"', "monospace"], "source-code-pro": ['"Source Code Pro"', "monospace"],