Split tailwind imports into separate files

leibniz-psychology · Feb 3, 2021 · 656c507 · 656c507
1 parent d7a9e97
commit 656c507
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 11 deletions.
diff --git a/source/View/Assets/Scripts/app.js b/source/View/Assets/Scripts/app.js
@@ -6,9 +6,12 @@
  */
 
 // any CSS you import will output into a single Style file (app.Style in this case)
-import "../Styles/app.scss";
+import "../Styles/tailwind-base.scss";
+import "../Styles/app-base.scss";
+import "../Styles/tailwind-components.scss";
+import "../Styles/tailwind-utilities.scss";
 
 // Need jQuery? Install it with "yarn add jquery", then uncomment to import it.
 // import $ from 'jquery';
 
-console.log("Hello Webpack Encore! Edit me in Assets/Scripts/app.js");
+// console.log("Hello Webpack Encore! Edit me in Assets/Scripts/app.js");
diff --git a/source/View/Assets/Styles/app-base.scss b/source/View/Assets/Styles/app-base.scss
@@ -0,0 +1 @@
+@import "base";
diff --git a/source/View/Assets/Styles/app.scss b/source/View/Assets/Styles/app.scss
diff --git a/source/View/Assets/Styles/tailwind-base.scss b/source/View/Assets/Styles/tailwind-base.scss
@@ -0,0 +1 @@
+@tailwind base;
diff --git a/source/View/Assets/Styles/tailwind-components.scss b/source/View/Assets/Styles/tailwind-components.scss
@@ -0,0 +1 @@
+@tailwind components;
diff --git a/source/View/Assets/Styles/tailwind-utilities.scss b/source/View/Assets/Styles/tailwind-utilities.scss
@@ -0,0 +1 @@
+@tailwind utilities;