+
{data.bodytext}
diff --git a/packages/base/Resources/Public/Scss/abstracts/_fonts.scss b/packages/base/Resources/Public/Scss/abstracts/_fonts.scss
index 372a543..10f0f0e 100644
--- a/packages/base/Resources/Public/Scss/abstracts/_fonts.scss
+++ b/packages/base/Resources/Public/Scss/abstracts/_fonts.scss
@@ -35,12 +35,6 @@ h1 {
font-size: 4.5rem;
}
}
-h1 span.tapered {
- background-size: 100% 15%;
- background-repeat: repeat-x;
- background-position: left 0% bottom 15%;
- background-image: linear-gradient(179deg,var(--bs-yellow) 0%, var(--bs-yellow) 50%,transparent 54%, transparent 100%);
-}
h2 {
font-size: 2rem;
diff --git a/packages/base/Resources/Public/Scss/main.scss b/packages/base/Resources/Public/Scss/main.scss
index 8e4f00c..fe2890b 100644
--- a/packages/base/Resources/Public/Scss/main.scss
+++ b/packages/base/Resources/Public/Scss/main.scss
@@ -1,3 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Keep existing imports for now, comment out or remove as needed during conversion */
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/fonts';
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..09550fa
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,30 @@
+/** @type {import('tailwindcss').Config} */
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+ content: [
+ "./packages/base/Resources/Private/**/*.html",
+ "./packages/base/Resources/Private/**/*.js",
+ "./packages/base/ContentBlocks/ContentElements/**/*.html",
+ "./public/typo3conf/ext/*/Resources/Private/**/*.html",
+ ],
+ theme: {
+ extend: {
+ fontFamily: {
+ sans: ['Inter', ...defaultTheme.fontFamily.sans],
+ hajime: ['"Hajime Sans"', ...defaultTheme.fontFamily.sans],
+ },
+ colors: {
+ primary: {
+ DEFAULT: '#233600',
+ dark: '#1C2B00',
+ light: '#4E5E32',
+ },
+ yellow: '#F5AE07',
+ 'light-green': '#F4F6EC',
+ }
+ },
+ },
+ plugins: [],
+}
+
diff --git a/webpack.config.js b/webpack.config.js
index 61cf427..0437716 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -15,6 +15,17 @@ module.exports = {
use: [
MiniCssExtractPlugin.loader,
'css-loader',
+ {
+ loader: 'postcss-loader',
+ options: {
+ postcssOptions: {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ }
+ }
+ }
+ },
'sass-loader'
]
}