112 lines
4 KiB
JavaScript
112 lines
4 KiB
JavaScript
// /** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./storage/framework/views/*.php',
|
|
'./resources/**/*.blade.php',
|
|
'./resources/**/*.js',
|
|
'./resources/**/*.vue',
|
|
],
|
|
theme: {
|
|
boxShadow: {
|
|
"Product-Couponing-Schatten":
|
|
"2.8533918857574463px -1.9022612571716309px 9.511306762695312px 0px rgba(0,0,0,0.3)",
|
|
},
|
|
borderRadius: {
|
|
none: "0",
|
|
xs: "0.0625rem",
|
|
sm: "0.3125rem",
|
|
default: "0.59375rem",
|
|
lg: "0.65625rem",
|
|
xl: "0.6890624761581421rem",
|
|
"2xl": "0.8394944667816162rem",
|
|
"3xl": "0.9375rem",
|
|
"4xl": "1.875rem",
|
|
"5xl": "1.9687498807907104rem",
|
|
"6xl": "1.9687501192092896rem",
|
|
"7xl": "1.976562738418579rem",
|
|
"8xl": "2.0836267471313477rem",
|
|
"9xl": "2.3307292461395264rem",
|
|
},
|
|
extend: {
|
|
screens: {
|
|
print: {
|
|
raw: "print",
|
|
},
|
|
},
|
|
colors: {
|
|
braun: "#5f282d",
|
|
weinrot: "#a5193c",
|
|
blau: "#5f9bd2",
|
|
orange: "#f0a500",
|
|
grau: "#555555",
|
|
hellgruen: "#b4be00",
|
|
antrazit: "#2b2b2b",
|
|
weiss: "#ffffff",
|
|
hellgrau: "#fbfbfb",
|
|
hellgrau2: "#f4f4f4",
|
|
},
|
|
fontSize: {
|
|
h1: ["60px", "68px"],
|
|
"h1-lg": ["50px", "58px"],
|
|
"h1-md": ["40px", "48px"],
|
|
"h1-sm": ["30px", "38px"],
|
|
"h1.small": ["50px", "58px"],
|
|
"h1-lg.small": ["40px", "48px"],
|
|
"h1-md.small": ["30px", "38px"],
|
|
h2: ["42px", "48px"],
|
|
"h2-lg": ["34px", "38px"],
|
|
"h2-md": ["28px", "32px"],
|
|
"h2-sm": ["20px", "25px"],
|
|
"h2-sm2": ["18px", "22px"],
|
|
h3: ["31px", "36px"],
|
|
"h3-lg": ["26px", "30px"],
|
|
"h3-md": ["22px", "26px"],
|
|
"text-small": "1rem",
|
|
small: ["13px", "17px"],
|
|
"small-lg": ["16px", "22px"],
|
|
"size-17": ["17px", "21px"],
|
|
"size-19": ["19px", "23px"],
|
|
p: ["15px", "20px"],
|
|
"p-lg": ["21px", "28px"],
|
|
"p-xl": ["30px", "40px"],
|
|
"p-2xl": ["32px", "32px"],
|
|
p2: ["15px", "26px"],
|
|
},
|
|
fontFamily: {
|
|
roboto: ["Roboto", "sans-serif"],
|
|
robotobold: ["Roboto Bold", "sans-serif"],
|
|
hobo: ["hobo-std", "sans-serif"],
|
|
scarletwood: ["scarlet-wood", "sans-serif"],
|
|
fontawesome: ["Font Awesome 5 Free"],
|
|
},
|
|
lineHeight: {
|
|
"headline-mobile": "5rem",
|
|
},
|
|
backgroundImage: {
|
|
"produkt-aktionsstoerer":
|
|
"url('@/images/Icons/produkt-aktionsstoerer.svg')",
|
|
"produkt-aktionsstoerer-braun":
|
|
"url('@/images/Icons/produkt-aktionsstoerer-braun.svg')",
|
|
"cta-bg-brown":
|
|
"url('@/images/Gestaltungselemente-path/CTA-path.svg')",
|
|
"cta-bg-green":
|
|
"url('@/images/Gestaltungselemente-path/CTA-path-green.svg')",
|
|
"cta-bg-white":
|
|
"url('@/images/Gestaltungselemente-path/CTA-path-white.svg')",
|
|
"cta-bg-path-brown":
|
|
"url('@/images/Gestaltungselemente-path/CTA-stroke-path-brown.svg') center center no-repeat",
|
|
"cta-bg-path-green":
|
|
"url('@/images/Gestaltungselemente-path/CTA-path-green.svg') center center no-repeat",
|
|
},
|
|
cursor: {
|
|
custom: "url(@/images/cursor.svg) , pointer",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
variants: {
|
|
extend: {
|
|
visibility: ["group-hover"],
|
|
},
|
|
},
|
|
};
|