feat: setup tailwind, postcss and custom css utilities
parent
ea2e994754
commit
b713164b3b
@ -0,0 +1,6 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
};
|
@ -0,0 +1,55 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@layer components {
|
||||||
|
.hyphenate {
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-height {
|
||||||
|
height: 1em;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sortable-drag-card {
|
||||||
|
@apply card card-bordered card-compact bg-white;
|
||||||
|
opacity: 0.8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sortable-ghost-card {
|
||||||
|
@apply indicator w-full;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sortable-ghost-card .card {
|
||||||
|
@apply border-accent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-input::file-selector-button {
|
||||||
|
@apply btn btn-xs;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-list {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group .solid-select-container * {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tr-bg-transparent td,
|
||||||
|
.tr-bg-transparent th {
|
||||||
|
@apply bg-transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@layer base {
|
||||||
|
td {
|
||||||
|
@apply bg-clip-padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ignore-white-space .white-space {
|
||||||
|
@apply whitespace-nowrap;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,29 @@
|
|||||||
|
module.exports = {
|
||||||
|
content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
|
||||||
|
theme: {
|
||||||
|
extend: {
|
||||||
|
colors: {
|
||||||
|
"lufrai-primary-darker": "#003c36",
|
||||||
|
"lufrai-primary": "#2c837a",
|
||||||
|
"lufrai-primary-light": "#59a59d",
|
||||||
|
"swiss-red": "#FF0000", // the old one: "#E11A27"
|
||||||
|
},
|
||||||
|
screens: {
|
||||||
|
sm: "640px",
|
||||||
|
// => @media (min-width: 640px) { ... }
|
||||||
|
|
||||||
|
md: "768px",
|
||||||
|
// => @media (min-width: 768px) { ... }
|
||||||
|
|
||||||
|
lg: "1024px",
|
||||||
|
// => @media (min-width: 1024px) { ... }
|
||||||
|
|
||||||
|
xl: "1280px",
|
||||||
|
// => @media (min-width: 1280px) { ... }
|
||||||
|
|
||||||
|
xxl: "1680px",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: [require("@tailwindcss/typography"), require("daisyui")],
|
||||||
|
};
|
Loading…
Reference in New Issue