75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
module.exports = {
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
height: {
|
|
main: "calc(100dvh - 64px)",
|
|
"main-mobile": "calc(100dvh - 128px)",
|
|
"media-library-dialog": "80vh",
|
|
"media-card": "240px",
|
|
"media-preview-image": "104px",
|
|
"media-card-image": "196px",
|
|
"image-card": "120px",
|
|
input: "24px",
|
|
"table-full": "calc(100% - 40px)",
|
|
},
|
|
minHeight: {
|
|
8: "2rem",
|
|
"markdown-toolbar": "40px",
|
|
},
|
|
width: {
|
|
main: "calc(100% - 256px)",
|
|
preview: "calc(100% - 450px)",
|
|
"sidebar-expanded": "256px",
|
|
"sidebar-collapsed": "68px",
|
|
"editor-only": "640px",
|
|
"media-library-dialog": "80vw",
|
|
"media-card": "240px",
|
|
"media-preview-image": "126px",
|
|
"image-card": "120px",
|
|
"card-grid": "calc(100% + 8px)",
|
|
"breadcrumb-title-small": "calc(100vw - 126px)",
|
|
"breadcrumb-title": "calc(100vw * .4)",
|
|
"collection-header": "calc(100% - 32px)",
|
|
"date-widget": "calc(100% - 58px)",
|
|
"select-widget-label": "calc(100% - 12px)",
|
|
},
|
|
maxWidth: {
|
|
"media-search": "400px",
|
|
"collection-header": "calc(100% - 32px)",
|
|
},
|
|
boxShadow: {
|
|
sidebar: "0 10px 15px 18px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
"bottom-navigation": "0 -10px 10px -5px rgb(0 0 0 / 0.15)",
|
|
},
|
|
gridTemplateColumns: {
|
|
editor: "450px auto",
|
|
"media-preview": "126px auto",
|
|
images: "repeat(auto-fit, 120px)",
|
|
},
|
|
fontFamily: {
|
|
sans: ["Inter var", "Inter", "ui-sans-serif", "system-ui", "sans-serif"],
|
|
},
|
|
},
|
|
screens: {
|
|
xs: "480px",
|
|
// => @media (min-width: 480px) { ... }
|
|
|
|
sm: "640px",
|
|
// => @media (min-width: 640px) { ... }
|
|
|
|
md: "768px",
|
|
// => @media (min-width: 768px) { ... }
|
|
|
|
lg: "1024px",
|
|
// => @media (min-width: 1024px) { ... }
|
|
|
|
xl: "1280px",
|
|
// => @media (min-width: 1280px) { ... }
|
|
|
|
"2xl": "1536px",
|
|
// => @media (min-width: 1536px) { ... }
|
|
},
|
|
},
|
|
};
|