static-cms/tailwind.base.config.js
2023-05-05 17:11:59 -04:00

46 lines
1.2 KiB
JavaScript

module.exports = {
darkMode: "class",
theme: {
extend: {
height: {
main: "calc(100vh - 64px)",
"media-library-dialog": "80vh",
"media-card": "240px",
"media-preview-image": "104px",
"media-card-image": "196px",
"image-card": "120px",
input: "24px",
},
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",
},
maxWidth: {
"media-search": "400px",
},
boxShadow: {
sidebar: "0 10px 15px 18px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
},
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"],
},
},
},
};