Tailwind Upgrade Version 2

apps/page/customer/src/lib/customer-search/search-results/search-results.component.scss

@@ -34,7 +34,7 @@ a {
   height: 32px;
 
   .hint {
-    @apply font-light whitespace-no-wrap ml-5;
+    @apply font-light whitespace-nowrap ml-5;
   }
 
   .spin {

apps/sales/webpack.config.js

@@ -5,20 +5,11 @@ module.exports = {
         test: /\.scss$/,
         loader: 'postcss-loader',
         options: {
-          ident: 'postcss',
-          syntax: 'postcss-scss',
-          plugins: () => [
-            // (ง ͠° ͟ʖ ͡°)ง
-            // !!!!WIRD WEGEN WEBPACK NICHT BENÖTIGT!!!!
-            // DIE IN DEN TUTORIALS HABEN DOCH KEINE AHNUNG
-            // require('postcss-import')({
-            //   addModulesDirectories: ['node_modules'],
-            //   path: ['apps/sales/src/scss'],
-            //   skipDuplicates: false,
-            // }),
-            require('tailwindcss'),
-            require('autoprefixer'),
-          ],
+          postcssOptions: {
+            ident: 'postcss',
+            syntax: 'postcss-scss',
+            plugins: [require('tailwindcss'), require('autoprefixer')],
+          },
         },
       },
     ],

apps/shell/breadcrumb/src/lib/shell-breadcrumb.component.scss

@@ -19,7 +19,7 @@
 }
 
 .link-breadcrumb {
-  @apply whitespace-no-wrap text-active-customer flex flex-row items-center gap-2;
+  @apply whitespace-nowrap text-active-customer flex flex-row items-center gap-2;
 
   &.active {
     @apply font-bold;

apps/ui/searchbox/src/lib/ui-searchbox-warning.component.scss

@@ -1,4 +1,4 @@
 :host {
-  @apply font-bold right-0 px-4 text-warning whitespace-no-wrap bg-white;
+  @apply font-bold right-0 px-4 text-warning whitespace-nowrap bg-white;
   font-size: 21px;
 }

package.json

@@ -104,14 +104,15 @@
     "ng-swagger-gen": "^1.5.0",
     "ngrx-store-freeze": "^0.2.4",
     "npm-run-all": "^4.1.5",
-    "postcss-loader": "^3.0.0",
-    "postcss-scss": "^2.1.1",
+    "postcss": "^8.2.1",
+    "postcss-loader": "^4.1.0",
+    "postcss-scss": "^3.0.4",
     "prettier": "2.0.1",
     "pretty-quick": "^2.0.1",
     "protractor": "~7.0.0",
     "stylelint": "^13.7.2",
     "stylelint-config-standard": "^20.0.0",
-    "tailwindcss": "^1.6.3",
+    "tailwindcss": "^2.0.3",
     "ts-node": "~7.0.0",
     "tslint": "~6.1.0",
     "typescript": "~4.0.3"