remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: add box shadows

Browse Source
This commit is contained in:
Julien Calixte
2025-07-29 21:31:21 +02:00
parent c7bf6dfc84
commit acc17a9e16
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
tailwind.config.js
View File

@@ -17,6 +17,8 @@ const defaultTitleStyles = Array.from(
{}, {},
) )
const BOX_SHADOW = "6px"
module.exports = { module.exports = {
content: ["./src/**/*.{vue,js,ts}"], content: ["./src/**/*.{vue,js,ts}"],
theme: { theme: {
@@ -33,10 +35,12 @@ module.exports = {
"text-align": "justify", "text-align": "justify",
// "text-wrap": "balance", // "text-wrap": "balance",
}, },
img: { "img, video": {
"margin-top": 0, margin: "auto",
"margin-bottom": 0, "border-radius": "0.5rem",
"border-radius": "1rem", "box-shadow":
"rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px",
"max-width": `calc(100% - 2 * ${BOX_SHADOW})`,
}, },
a: { a: {
"font-weight": 600, "font-weight": 600,