From b23cb8915ccf50ae0c3db0cb48648423abf0e571 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 9 Mar 2022 19:06:15 +0100
Subject: [PATCH 01/34] set roles and rights

---
 backend/src/auth/RIGHTS.ts | 1 +
 backend/src/auth/ROLES.ts  | 1 +
 2 files changed, 2 insertions(+)

diff --git a/backend/src/auth/RIGHTS.ts b/backend/src/auth/RIGHTS.ts
index a18f0132a..fa9dda805 100644
--- a/backend/src/auth/RIGHTS.ts
+++ b/backend/src/auth/RIGHTS.ts
@@ -19,6 +19,7 @@ export enum RIGHTS {
   UPDATE_USER_INFOS = 'UPDATE_USER_INFOS',
   HAS_ELOPAGE = 'HAS_ELOPAGE',
   CREATE_TRANSACTION_LINK = 'CREATE_TRANSACTION_LINK',
+  DELETE_TRANSACTION_LINK = 'DELETE_TRANSACTION_LINK',
   // Admin
   SEARCH_USERS = 'SEARCH_USERS',
   CREATE_PENDING_CREATION = 'CREATE_PENDING_CREATION',
diff --git a/backend/src/auth/ROLES.ts b/backend/src/auth/ROLES.ts
index 37a4e3a67..2a86b5bab 100644
--- a/backend/src/auth/ROLES.ts
+++ b/backend/src/auth/ROLES.ts
@@ -19,6 +19,7 @@ export const ROLE_USER = new Role('user', [
   RIGHTS.UPDATE_USER_INFOS,
   RIGHTS.HAS_ELOPAGE,
   RIGHTS.CREATE_TRANSACTION_LINK,
+  RIGHTS.DELETE_TRANSACTION_LINK,
 ])
 export const ROLE_ADMIN = new Role('admin', Object.values(RIGHTS)) // all rights
 

From 4784fc23abc954eba76ee87a2fcf7548dd3f1260 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 9 Mar 2022 19:30:31 +0100
Subject: [PATCH 02/34] delete transaction link mutation

---
 .../resolver/TransactionLinkResolver.ts       | 30 ++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/backend/src/graphql/resolver/TransactionLinkResolver.ts b/backend/src/graphql/resolver/TransactionLinkResolver.ts
index d60146096..9f9f5e493 100644
--- a/backend/src/graphql/resolver/TransactionLinkResolver.ts
+++ b/backend/src/graphql/resolver/TransactionLinkResolver.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 
-import { Resolver, Args, Authorized, Ctx, Mutation } from 'type-graphql'
+import { Resolver, Args, Arg, Authorized, Ctx, Mutation } from 'type-graphql'
 import { getCustomRepository } from '@dbTools/typeorm'
 import { TransactionLink } from '@model/TransactionLink'
 import { TransactionLink as dbTransactionLink } from '@entity/TransactionLink'
@@ -67,4 +67,32 @@ export class TransactionLinkResolver {
 
     return new TransactionLink(transactionLink, new User(user))
   }
+
+  @Authorized([RIGHTS.DELETE_TRANSACTION_LINK])
+  @Mutation(() => Date, { nullable: true })
+  async deleteTransactionLink(
+    @Arg('id') id: number,
+    @Ctx() context: any,
+  ): Promise<Date | null | undefined> {
+    const userRepository = getCustomRepository(UserRepository)
+    const user = await userRepository.findByPubkeyHex(context.pubKey)
+
+    const transactionLink = await dbTransactionLink.findOne({ id })
+    if (!transactionLink) {
+      throw new Error('Transaction Link not found!')
+    }
+
+    // TODO: admin can delete links?
+    if (transactionLink.userId !== user.id) {
+      throw new Error('Transaction Link cannot be deleted!')
+    }
+
+    if (transactionLink.redeemedBy) {
+      throw new Error('Transaction Link already redeemed!')
+    }
+
+    await transactionLink.softRemove()
+    const newLink = await dbTransactionLink.findOne({ id }, { withDeleted: true })
+    return newLink ? newLink.deletedAt : null
+  }
 }

From eb681467de109168fc8518f6213deee3d4c63ff3 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 9 Mar 2022 20:30:26 +0100
Subject: [PATCH 03/34] no inline style

---
 frontend/.eslintrc.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 8c410feba..96c602ef3 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -16,6 +16,12 @@ module.exports = {
     'no-console': ['error'],
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+    'vue/no-static-inline-styles': [
+      'error',
+      {
+        allowBinding: false,
+      },
+    ],
     'prettier/prettier': [
       'error',
       {

From 28f8c9e8acb13f26244bd12c49de11e2f359d000 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 9 Mar 2022 20:58:12 +0100
Subject: [PATCH 04/34] stylelint for scss

---
 frontend/.stylelintrc.js |   5 +
 frontend/package.json    |   5 +
 frontend/yarn.lock       | 330 ++++++++++++++++++++++++++++++++++++++-
 3 files changed, 334 insertions(+), 6 deletions(-)
 create mode 100644 frontend/.stylelintrc.js

diff --git a/frontend/.stylelintrc.js b/frontend/.stylelintrc.js
new file mode 100644
index 000000000..af8dcdb96
--- /dev/null
+++ b/frontend/.stylelintrc.js
@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  extends: ["stylelint-config-standard"],
+};
\ No newline at end of file
diff --git a/frontend/package.json b/frontend/package.json
index 3600920e4..5a14f394a 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -8,6 +8,7 @@
     "build": "vue-cli-service build",
     "analyse-bundle": "yarn build && webpack-bundle-analyzer dist/webpack.stats.json",
     "lint": "eslint --max-warnings=0 --ext .js,.vue .",
+    "stylelint": "stylelint --max-warnings=0 --customSyntax postcss-scss '**/*.scss'",
     "dev": "yarn run serve",
     "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
     "test": "TZ=UTC jest --coverage",
@@ -76,8 +77,12 @@
     "babel-plugin-transform-require-context": "^0.1.1",
     "dotenv-webpack": "^7.0.3",
     "node-sass": "^6.0.1",
+    "postcss": "^8.4.8",
+    "postcss-scss": "^4.0.3",
     "sass-loader": "^10",
     "stats-webpack-plugin": "^0.7.0",
+    "stylelint": "^14.5.3",
+    "stylelint-config-standard": "^25.0.0",
     "vue-template-compiler": "^2.6.11",
     "webpack-bundle-analyzer": "^4.5.0"
   },
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 296e0f01b..4bce965da 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -2521,6 +2521,11 @@
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz#e486d0d97396d79beedd0a6e33f4534ff6b4973e"
   integrity sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==
 
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
 "@types/prettier@^2.0.0":
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.2.3.tgz#ef65165aea2924c9359205bf748865b8881753c0"
@@ -3301,6 +3306,11 @@ ansi-regex@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
   integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
 
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
 ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
@@ -4014,6 +4024,11 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+balanced-match@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-2.0.0.tgz#dc70f920d78db8b858535795867bf48f820633d9"
+  integrity sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==
+
 base64-js@^1.0.2, base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -4809,6 +4824,13 @@ clone-deep@^4.0.1:
     kind-of "^6.0.2"
     shallow-clone "^3.0.0"
 
+clone-regexp@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/clone-regexp/-/clone-regexp-2.2.0.tgz#7d65e00885cd8796405c35a737e7a86b7429e36f"
+  integrity sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==
+  dependencies:
+    is-regexp "^2.0.0"
+
 clone@2.x:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
@@ -4891,6 +4913,11 @@ color@^3.0.0:
     color-convert "^1.9.1"
     color-string "^1.5.4"
 
+colord@^2.9.2:
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.2.tgz#25e2bacbbaa65991422c07ea209e2089428effb1"
+  integrity sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==
+
 colorette@^1.2.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.4.0.tgz#5190fbb87276259a86ad700bff2c6d6faa3fca40"
@@ -5145,6 +5172,17 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
+cosmiconfig@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
+  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 create-ecdh@^4.0.0:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
@@ -5235,6 +5273,11 @@ css-declaration-sorter@^4.0.1:
     postcss "^7.0.1"
     timsort "^0.3.0"
 
+css-functions-list@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.0.1.tgz#1460df7fb584d1692c30b105151dbb988c8094f9"
+  integrity sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==
+
 css-loader@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-1.0.1.tgz#6885bb5233b35ec47b006057da01cc640b6b79fe"
@@ -5479,7 +5522,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.1.0:
+debug@4, debug@^4.1.0, debug@^4.3.3:
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.3.tgz#04266e0b70a98d4462e6e288e38259213332b664"
   integrity sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==
@@ -6633,6 +6676,13 @@ execa@^4.0.0:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
+execall@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/execall/-/execall-2.0.0.tgz#16a06b5fe5099df7d00be5d9c06eecded1663b45"
+  integrity sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==
+  dependencies:
+    clone-regexp "^2.1.0"
+
 exit@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
@@ -6817,6 +6867,17 @@ fast-glob@^3.1.1:
     micromatch "^4.0.2"
     picomatch "^2.2.1"
 
+fast-glob@^3.2.11, fast-glob@^3.2.9:
+  version "3.2.11"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
+  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -6827,6 +6888,11 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fastest-levenshtein@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
+  integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
+
 fastparse@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
@@ -7231,6 +7297,11 @@ get-stdin@^6.0.0:
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
   integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
 
+get-stdin@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53"
+  integrity sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==
+
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -7278,7 +7349,7 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@^5.0.0, glob-parent@^5.1.0:
+glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -7321,6 +7392,22 @@ glob@^7.1.4:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+global-modules@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
+  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
+  dependencies:
+    global-prefix "^3.0.0"
+
+global-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
+  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
+  dependencies:
+    ini "^1.3.5"
+    kind-of "^6.0.2"
+    which "^1.3.1"
+
 globals@^11.0.1, globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -7357,6 +7444,18 @@ globby@^11.0.1:
     merge2 "^1.3.0"
     slash "^3.0.0"
 
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
 globby@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
@@ -7394,6 +7493,11 @@ globby@^9.2.0:
     pify "^4.0.1"
     slash "^2.0.0"
 
+globjoin@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
+  integrity sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=
+
 globule@^1.0.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/globule/-/globule-1.3.2.tgz#d8bdd9e9e4eef8f96e245999a5dee7eb5d8529c4"
@@ -7692,6 +7796,11 @@ html-tags@^2.0.0:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-2.0.0.tgz#10b30a386085f43cede353cc8fa7cb0deeea668b"
   integrity sha1-ELMKOGCF9Dzt41PMj6fLDe7qZos=
 
+html-tags@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
+  integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==
+
 html-webpack-plugin@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz#b01abbd723acaaa7b37b6af4492ebda03d9dd37b"
@@ -7865,6 +7974,11 @@ ignore@^5.1.1, ignore@^5.1.4:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
   integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
 
+ignore@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
+  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -7895,6 +8009,11 @@ import-from@^2.1.0:
   dependencies:
     resolve-from "^3.0.0"
 
+import-lazy@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153"
+  integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==
+
 import-local@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
@@ -7954,7 +8073,7 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-ini@^1.3.4:
+ini@^1.3.4, ini@^1.3.5:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
@@ -8305,6 +8424,11 @@ is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
+is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+
 is-potential-custom-element-name@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397"
@@ -8331,6 +8455,11 @@ is-regex@^1.1.4:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-regexp@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d"
+  integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==
+
 is-resolvable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
@@ -9728,6 +9857,11 @@ klona@^2.0.4:
   resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0"
   integrity sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==
 
+known-css-properties@^0.24.0:
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.24.0.tgz#19aefd85003ae5698a5560d2b55135bf5432155c"
+  integrity sha512-RTSoaUAfLvpR357vWzAz/50Q/BmHfmE6ETSWfutT0AJiw10e6CmcdYRQJlLRd95B53D0Y2aD1jSxD3V3ySF+PA==
+
 launch-editor-middleware@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/launch-editor-middleware/-/launch-editor-middleware-2.2.1.tgz#e14b07e6c7154b0a4b86a0fd345784e45804c157"
@@ -10022,6 +10156,11 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+mathml-tag-names@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
+  integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -10097,7 +10236,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.2.3, merge2@^1.3.0:
+merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -10363,6 +10502,11 @@ nan@^2.12.1, nan@^2.13.2:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19"
   integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==
 
+nanoid@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35"
+  integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -10612,6 +10756,11 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
 
+normalize-selector@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/normalize-selector/-/normalize-selector-0.2.0.tgz#d0b145eb691189c63a78d201dc4fdb1293ef0c03"
+  integrity sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=
+
 normalize-url@1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
@@ -11392,6 +11541,11 @@ postcss-loader@^3.0.0:
     postcss-load-config "^2.0.0"
     schema-utils "^1.0.0"
 
+postcss-media-query-parser@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"
+  integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=
+
 postcss-merge-longhand@^4.0.11:
   version "4.0.11"
   resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz#62f49a13e4a0ee04e7b98f42bb16062ca2549e24"
@@ -11595,6 +11749,21 @@ postcss-reduce-transforms@^4.0.2:
     postcss "^7.0.0"
     postcss-value-parser "^3.0.0"
 
+postcss-resolve-nested-selector@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz#29ccbc7c37dedfac304e9fff0bf1596b3f6a0e4e"
+  integrity sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=
+
+postcss-safe-parser@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1"
+  integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==
+
+postcss-scss@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.3.tgz#36c23c19a804274e722e83a54d20b838ab4767ac"
+  integrity sha512-j4KxzWovfdHsyxwl1BxkUal/O4uirvHgdzMKS1aWJBAV0qh2qj5qAZqpeBfVUYGWv+4iK9Az7SPyZ4fyNju1uA==
+
 postcss-selector-parser@^3.0.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
@@ -11614,6 +11783,14 @@ postcss-selector-parser@^6.0.2:
     uniq "^1.0.1"
     util-deprecate "^1.0.2"
 
+postcss-selector-parser@^6.0.9:
+  version "6.0.9"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.9.tgz#ee71c3b9ff63d9cd130838876c13a2ec1a992b2f"
+  integrity sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
 postcss-svgo@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.2.tgz#17b997bc711b333bab143aaed3b8d3d6e3d38258"
@@ -11643,6 +11820,11 @@ postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
+postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
 postcss@^6.0.1, postcss@^6.0.23:
   version "6.0.23"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
@@ -11661,6 +11843,15 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.27, postcss@^7.0.3
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+postcss@^8.4.6, postcss@^8.4.8:
+  version "8.4.8"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.8.tgz#dad963a76e82c081a0657d3a2f3602ce10c2e032"
+  integrity sha512-2tXEqGxrjvAO6U+CJzDL2Fk2kPHTv1jQsYkSoMeOis2SsYaXRO2COxTdQp99cYvif9JTXaAk9lYGc3VhJt7JPQ==
+  dependencies:
+    nanoid "^3.3.1"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -12724,6 +12915,11 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.6.tgz#24e630c4b0f03fea446a2bd299e62b4a6ca8d0af"
   integrity sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==
 
+signal-exit@^3.0.7:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
 simple-swizzle@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
@@ -12839,6 +13035,11 @@ source-list-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
+source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
 source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
@@ -12942,6 +13143,11 @@ spdy@^4.0.2:
     select-hose "^2.0.0"
     spdy-transport "^3.0.0"
 
+specificity@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019"
+  integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==
+
 split-string@^3.0.1, split-string@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
@@ -13135,6 +13341,15 @@ string-width@^4.1.0, string-width@^4.2.0:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.0"
 
+string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
 string.prototype.padend@^3.0.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.1.2.tgz#6858ca4f35c5268ebd5e8615e1327d55f59ee311"
@@ -13211,6 +13426,13 @@ strip-ansi@^6.0.0:
   dependencies:
     ansi-regex "^5.0.0"
 
+strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
@@ -13253,6 +13475,11 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+style-search@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
+  integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=
+
 stylehacks@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
@@ -13262,6 +13489,65 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
+stylelint-config-recommended@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz#7497372ae83ab7a6fffc18d7d7b424c6480ae15e"
+  integrity sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==
+
+stylelint-config-standard@^25.0.0:
+  version "25.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz#2c916984e6655d40d6e8748b19baa8603b680bff"
+  integrity sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==
+  dependencies:
+    stylelint-config-recommended "^7.0.0"
+
+stylelint@^14.5.3:
+  version "14.5.3"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-14.5.3.tgz#103b6670128ba3dea69fe3a1a07c4a5d3e0e3450"
+  integrity sha512-omHETL+kGHR+fCXFK1SkZD/A+emCP9esggAdWEl8GPjTNeyRYj+H6uetRDcU+7E451zwWiUYGVAX+lApsAZgsQ==
+  dependencies:
+    balanced-match "^2.0.0"
+    colord "^2.9.2"
+    cosmiconfig "^7.0.1"
+    css-functions-list "^3.0.1"
+    debug "^4.3.3"
+    execall "^2.0.0"
+    fast-glob "^3.2.11"
+    fastest-levenshtein "^1.0.12"
+    file-entry-cache "^6.0.1"
+    get-stdin "^8.0.0"
+    global-modules "^2.0.0"
+    globby "^11.1.0"
+    globjoin "^0.1.4"
+    html-tags "^3.1.0"
+    ignore "^5.2.0"
+    import-lazy "^4.0.0"
+    imurmurhash "^0.1.4"
+    is-plain-object "^5.0.0"
+    known-css-properties "^0.24.0"
+    mathml-tag-names "^2.1.3"
+    meow "^9.0.0"
+    micromatch "^4.0.4"
+    normalize-path "^3.0.0"
+    normalize-selector "^0.2.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.6"
+    postcss-media-query-parser "^0.2.3"
+    postcss-resolve-nested-selector "^0.1.1"
+    postcss-safe-parser "^6.0.0"
+    postcss-selector-parser "^6.0.9"
+    postcss-value-parser "^4.2.0"
+    resolve-from "^5.0.0"
+    specificity "^0.4.1"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    style-search "^0.1.0"
+    supports-hyperlinks "^2.2.0"
+    svg-tags "^1.0.0"
+    table "^6.8.0"
+    v8-compile-cache "^2.3.0"
+    write-file-atomic "^4.0.1"
+
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
@@ -13303,6 +13589,14 @@ supports-hyperlinks@^2.0.0:
     has-flag "^4.0.0"
     supports-color "^7.0.0"
 
+supports-hyperlinks@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb"
+  integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==
+  dependencies:
+    has-flag "^4.0.0"
+    supports-color "^7.0.0"
+
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
@@ -13366,6 +13660,17 @@ table@^6.0.4:
     string-width "^4.2.0"
     strip-ansi "^6.0.0"
 
+table@^6.8.0:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.8.0.tgz#87e28f14fa4321c3377ba286f07b79b281a3b3ca"
+  integrity sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==
+  dependencies:
+    ajv "^8.0.1"
+    lodash.truncate "^4.4.2"
+    slice-ansi "^4.0.0"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+
 tapable@^1.0.0, tapable@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
@@ -14029,7 +14334,7 @@ uuid@^8.3.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-v8-compile-cache@^2.0.3:
+v8-compile-cache@^2.0.3, v8-compile-cache@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
@@ -14599,7 +14904,7 @@ which-module@^2.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
   integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
 
-which@^1.2.9, which@^1.3.0:
+which@^1.2.9, which@^1.3.0, which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
@@ -14683,6 +14988,14 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
+write-file-atomic@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f"
+  integrity sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==
+  dependencies:
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.7"
+
 write@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"
@@ -14759,6 +15072,11 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yargs-parser@10.x:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"

From 5c308e41b92c96c7f5787cfec9a2898ef96f2d05 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 9 Mar 2022 21:00:01 +0100
Subject: [PATCH 05/34] workflow for stylelint

---
 .github/workflows/test.yml | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index b3c097993..8ee2f982b 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -217,6 +217,35 @@ jobs:
       - name: frontend | Lint
         run: docker run --rm gradido/frontend:test yarn run lint
 
+  ##############################################################################
+  # JOB: STYLELINT FRONTEND ####################################################
+  ##############################################################################
+  stylelint_frontend:
+    name: Stylelint - Frontend
+    runs-on: ubuntu-latest
+    needs: [build_test_frontend]
+    steps:
+      ##########################################################################
+      # CHECKOUT CODE ##########################################################
+      ##########################################################################
+      - name: Checkout code
+        uses: actions/checkout@v2
+      ##########################################################################
+      # DOWNLOAD DOCKER IMAGE ##################################################
+      ##########################################################################
+      - name: Download Docker Image (Frontend)
+        uses: actions/download-artifact@v2
+        with:
+          name: docker-frontend-test
+          path: /tmp
+      - name: Load Docker Image
+        run: docker load < /tmp/frontend.tar
+      ##########################################################################
+      # STYLELINT FRONTEND #####################################################
+      ##########################################################################
+      - name: frontend | Stylelint
+        run: docker run --rm gradido/frontend:test yarn run stylelint
+
   ##############################################################################
   # JOB: LINT ADMIN INTERFACE ##################################################
   ##############################################################################

From 0275417f3d7b30a1bc8cb598c1a84d9f45474ea1 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 9 Mar 2022 21:11:58 +0100
Subject: [PATCH 06/34] updated node version frontend

---
 frontend/Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 879fdf4e0..61a7f2f47 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,7 +1,7 @@
 ##################################################################################
 # BASE ###########################################################################
 ##################################################################################
-FROM node:12.19.0-alpine3.10 as base
+FROM node:17.6.0-alpine3.14 as base
 
 # ENVs (available in production aswell, can be overwritten by commandline or env file)
 ## DOCKER_WORKDIR would be a classical ARG, but that is not multi layer persistent - shame

From 9390cd7fd211d35445bfe0dbf96ad464997bd9cf Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 9 Mar 2022 21:14:58 +0100
Subject: [PATCH 07/34] downgraded node version to 16.14 to have proper python
 compiler

---
 frontend/Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 61a7f2f47..b8709f814 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,7 +1,7 @@
 ##################################################################################
 # BASE ###########################################################################
 ##################################################################################
-FROM node:17.6.0-alpine3.14 as base
+FROM node:16.14.0-alpine3.14 as base
 
 # ENVs (available in production aswell, can be overwritten by commandline or env file)
 ## DOCKER_WORKDIR would be a classical ARG, but that is not multi layer persistent - shame

From 9943dce7e7931dc932400e4527da5f20c00d8e9f Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 9 Mar 2022 21:25:17 +0100
Subject: [PATCH 08/34] node 17 with node-gyp dependencies

---
 frontend/Dockerfile | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index b8709f814..a79b22fb9 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,7 +1,7 @@
 ##################################################################################
 # BASE ###########################################################################
 ##################################################################################
-FROM node:16.14.0-alpine3.14 as base
+FROM node:17.6.0-alpine3.14 as base
 
 # ENVs (available in production aswell, can be overwritten by commandline or env file)
 ## DOCKER_WORKDIR would be a classical ARG, but that is not multi layer persistent - shame
@@ -31,8 +31,8 @@ LABEL org.label-schema.schema-version="1.0"
 LABEL maintainer="support@ogradido.net"
 
 # Install Additional Software
-## install: git
-#RUN apk --no-cache add git
+## install: node-gyp dependencies
+RUN apk --no-cache add g++ make python
 
 # Settings
 ## Expose Container Port

From 2bf6e5a98a21cbde1389e377923a836b22276ea8 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 9 Mar 2022 21:28:03 +0100
Subject: [PATCH 09/34] python3

---
 frontend/Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index a79b22fb9..c59cebb57 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -32,7 +32,7 @@ LABEL maintainer="support@ogradido.net"
 
 # Install Additional Software
 ## install: node-gyp dependencies
-RUN apk --no-cache add g++ make python
+RUN apk --no-cache add g++ make python3
 
 # Settings
 ## Expose Container Port

From 56e7e3b28bc9806b51a8ca0e69494fcc7565136f Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 11:52:27 +0100
Subject: [PATCH 10/34] use node 16 since node 17 uses ssl3

---
 frontend/Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index c59cebb57..a9d7572f2 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,7 +1,7 @@
 ##################################################################################
 # BASE ###########################################################################
 ##################################################################################
-FROM node:17.6.0-alpine3.14 as base
+FROM node:16-alpine3.14 as base
 
 # ENVs (available in production aswell, can be overwritten by commandline or env file)
 ## DOCKER_WORKDIR would be a classical ARG, but that is not multi layer persistent - shame

From 5b72d01c7d735619facccac3c002f737447f9b74 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 12:22:53 +0100
Subject: [PATCH 11/34] vue stylelint

---
 frontend/.stylelintrc.js |  15 ++++-
 frontend/package.json    |   6 +-
 frontend/yarn.lock       | 121 +++++++++++++++++++++++++++++++++++----
 3 files changed, 129 insertions(+), 13 deletions(-)

diff --git a/frontend/.stylelintrc.js b/frontend/.stylelintrc.js
index af8dcdb96..3ca693d73 100644
--- a/frontend/.stylelintrc.js
+++ b/frontend/.stylelintrc.js
@@ -1,5 +1,18 @@
 'use strict';
 
 module.exports = {
-  extends: ["stylelint-config-standard"],
+  extends: ["stylelint-config-standard-scss", "stylelint-config-recommended-vue"],
+  overrides: [
+    {
+      files: "**/*.{scss}",
+      customSyntax: "postcss-scss",
+      extends: ["stylelint-config-standard-scss"],
+    },
+    {
+        files: "**/*.vue",
+        customSyntax: "postcss-html",
+        extends: ["stylelint-config-recommended-vue"],
+    }
+  ]
+
 };
\ No newline at end of file
diff --git a/frontend/package.json b/frontend/package.json
index 5a14f394a..6bf262c03 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -8,7 +8,7 @@
     "build": "vue-cli-service build",
     "analyse-bundle": "yarn build && webpack-bundle-analyzer dist/webpack.stats.json",
     "lint": "eslint --max-warnings=0 --ext .js,.vue .",
-    "stylelint": "stylelint --max-warnings=0 --customSyntax postcss-scss '**/*.scss'",
+    "stylelint": "stylelint --max-warnings=0 '**/*.{scss,vue}'",
     "dev": "yarn run serve",
     "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
     "test": "TZ=UTC jest --coverage",
@@ -78,11 +78,13 @@
     "dotenv-webpack": "^7.0.3",
     "node-sass": "^6.0.1",
     "postcss": "^8.4.8",
+    "postcss-html": "^1.3.0",
     "postcss-scss": "^4.0.3",
     "sass-loader": "^10",
     "stats-webpack-plugin": "^0.7.0",
     "stylelint": "^14.5.3",
-    "stylelint-config-standard": "^25.0.0",
+    "stylelint-config-recommended-vue": "^1.3.0",
+    "stylelint-config-standard-scss": "^3.0.0",
     "vue-template-compiler": "^2.6.11",
     "webpack-bundle-analyzer": "^4.5.0"
   },
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 4bce965da..649d90f13 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -5800,6 +5800,15 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
+dom-serializer@^1.0.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz#6206437d32ceefaec7161803230c7a20bc1b4d91"
+  integrity sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
 domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
@@ -5815,6 +5824,11 @@ domelementtype@^2.0.1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.1.0.tgz#a851c080a6d1c3d94344aed151d99f669edf585e"
   integrity sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==
 
+domelementtype@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57"
+  integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==
+
 domexception@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
@@ -5836,6 +5850,13 @@ domhandler@^2.3.0:
   dependencies:
     domelementtype "1"
 
+domhandler@^4.2.0, domhandler@^4.2.2:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.0.tgz#16c658c626cf966967e306f966b431f77d4a5626"
+  integrity sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==
+  dependencies:
+    domelementtype "^2.2.0"
+
 domutils@^1.5.1, domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -5844,6 +5865,15 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
+domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
 dot-object@^1.7.1:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/dot-object/-/dot-object-1.9.0.tgz#6e3d6d8379f794c5174599ddf05528f5990f076e"
@@ -6022,6 +6052,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
+  integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
+
 env-paths@^2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
@@ -7826,6 +7861,16 @@ htmlparser2@^3.10.1:
     inherits "^2.0.1"
     readable-stream "^3.1.1"
 
+htmlparser2@^7.1.2:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-7.2.0.tgz#8817cdea38bbc324392a90b1990908e81a65f5a5"
+  integrity sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.2"
+    domutils "^2.8.0"
+    entities "^3.0.1"
+
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
@@ -11523,6 +11568,15 @@ postcss-discard-overridden@^4.0.1:
   dependencies:
     postcss "^7.0.0"
 
+postcss-html@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-1.3.0.tgz#5b28b44a9cc8351cdba6ae1f26017c2303bd7642"
+  integrity sha512-ewbwd7OGW4dLsErtvZH9HpVMEcXnlhYSzKsr7MepGlOT8imHTIZ/+pdfEruLS+hTYapLTQAWDnoQcJpsYU4uRw==
+  dependencies:
+    htmlparser2 "^7.1.2"
+    postcss "^8.4.0"
+    postcss-safe-parser "^6.0.0"
+
 postcss-load-config@^2.0.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
@@ -11759,7 +11813,7 @@ postcss-safe-parser@^6.0.0:
   resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1"
   integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==
 
-postcss-scss@^4.0.3:
+postcss-scss@^4.0.2, postcss-scss@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.3.tgz#36c23c19a804274e722e83a54d20b838ab4767ac"
   integrity sha512-j4KxzWovfdHsyxwl1BxkUal/O4uirvHgdzMKS1aWJBAV0qh2qj5qAZqpeBfVUYGWv+4iK9Az7SPyZ4fyNju1uA==
@@ -11783,7 +11837,7 @@ postcss-selector-parser@^6.0.2:
     uniq "^1.0.1"
     util-deprecate "^1.0.2"
 
-postcss-selector-parser@^6.0.9:
+postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9:
   version "6.0.9"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.9.tgz#ee71c3b9ff63d9cd130838876c13a2ec1a992b2f"
   integrity sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ==
@@ -11843,7 +11897,7 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.27, postcss@^7.0.3
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@^8.4.6, postcss@^8.4.8:
+postcss@^8.4.0, postcss@^8.4.6, postcss@^8.4.8:
   version "8.4.8"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.8.tgz#dad963a76e82c081a0657d3a2f3602ce10c2e032"
   integrity sha512-2tXEqGxrjvAO6U+CJzDL2Fk2kPHTv1jQsYkSoMeOis2SsYaXRO2COxTdQp99cYvif9JTXaAk9lYGc3VhJt7JPQ==
@@ -12744,7 +12798,7 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semve
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.2.1, semver@^7.3.4:
+semver@^7.2.1, semver@^7.3.4, semver@^7.3.5:
   version "7.3.5"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
   integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
@@ -13489,17 +13543,64 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
-stylelint-config-recommended@^7.0.0:
+stylelint-config-html@>=1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-html/-/stylelint-config-html-1.0.0.tgz#172acb996ee4c854e8c670fcff77ff0d98d3bec2"
+  integrity sha512-rKQUUWDpaYC7ybsS6tLxddjn6DxhjSIXybElSmcTyVQj3ExhmU3q+l41ktrlwHRyY0M5SkTkZiwngvYPYmsgSQ==
+
+stylelint-config-recommended-scss@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz#193f483861c76a36ece24c52eb6baca4838f4a48"
+  integrity sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==
+  dependencies:
+    postcss-scss "^4.0.2"
+    stylelint-config-recommended "^6.0.0"
+    stylelint-scss "^4.0.0"
+
+stylelint-config-recommended-vue@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.3.0.tgz#a40f1efa5bff8bd3e2c1c58c3faacbe73b5b69ec"
+  integrity sha512-UEY/MZlBO2yiQdZoJm33trtqJ1MEDzBADhIAM0pTvfYbyXe5KwdbTtmALHETG1cXfDxuuUbJTvL9uENMy2Rjug==
+  dependencies:
+    semver "^7.3.5"
+    stylelint-config-html ">=1.0.0"
+    stylelint-config-recommended ">=6.0.0"
+
+stylelint-config-recommended@>=6.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz#7497372ae83ab7a6fffc18d7d7b424c6480ae15e"
   integrity sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==
 
-stylelint-config-standard@^25.0.0:
-  version "25.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz#2c916984e6655d40d6e8748b19baa8603b680bff"
-  integrity sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==
+stylelint-config-recommended@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz#fd2523a322836005ad9bf473d3e5534719c09f9d"
+  integrity sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==
+
+stylelint-config-standard-scss@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard-scss/-/stylelint-config-standard-scss-3.0.0.tgz#dafc4fa5538d0ed833bf0a7d391e075683ffd96c"
+  integrity sha512-zt3ZbzIbllN1iCmc94e4pDxqpkzeR6CJo5DDXzltshuXr+82B8ylHyMMARNnUYrZH80B7wgY7UkKTYCFM0UUyw==
   dependencies:
-    stylelint-config-recommended "^7.0.0"
+    stylelint-config-recommended-scss "^5.0.2"
+    stylelint-config-standard "^24.0.0"
+
+stylelint-config-standard@^24.0.0:
+  version "24.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz#6823f207ab997ae0b641f9a636d007cc44d77541"
+  integrity sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==
+  dependencies:
+    stylelint-config-recommended "^6.0.0"
+
+stylelint-scss@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-4.1.0.tgz#39b808696f8152081163d970449257ff80b5c041"
+  integrity sha512-BNYTo7MMamhFOlcaAWp2dMpjg6hPyM/FFqfDIYzmYVLMmQJqc8lWRIiTqP4UX5bresj9Vo0dKC6odSh43VP2NA==
+  dependencies:
+    lodash "^4.17.21"
+    postcss-media-query-parser "^0.2.3"
+    postcss-resolve-nested-selector "^0.1.1"
+    postcss-selector-parser "^6.0.6"
+    postcss-value-parser "^4.1.0"
 
 stylelint@^14.5.3:
   version "14.5.3"

From a8c5fca69dd47d218e235de84ac223c625a77ca8 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 12:34:31 +0100
Subject: [PATCH 12/34] moved vue-cli-plugin-i18n into dev dependencies

---
 frontend/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 6bf262c03..2bbc59ea8 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -6,10 +6,10 @@
     "start": "node run/server.js",
     "serve": "vue-cli-service serve --open",
     "build": "vue-cli-service build",
+    "dev": "yarn run serve",
     "analyse-bundle": "yarn build && webpack-bundle-analyzer dist/webpack.stats.json",
     "lint": "eslint --max-warnings=0 --ext .js,.vue .",
     "stylelint": "stylelint --max-warnings=0 '**/*.{scss,vue}'",
-    "dev": "yarn run serve",
     "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
     "test": "TZ=UTC jest --coverage",
     "locales": "scripts/missing-keys.sh && scripts/sort.sh"
@@ -53,7 +53,6 @@
     "vee-validate": "^3.4.5",
     "vue": "2.6.12",
     "vue-apollo": "^3.0.7",
-    "vue-cli-plugin-i18n": "^1.0.1",
     "vue-flatpickr-component": "^8.1.2",
     "vue-focus": "^2.1.0",
     "vue-i18n": "^8.22.4",
@@ -85,6 +84,7 @@
     "stylelint": "^14.5.3",
     "stylelint-config-recommended-vue": "^1.3.0",
     "stylelint-config-standard-scss": "^3.0.0",
+    "vue-cli-plugin-i18n": "^1.0.1",
     "vue-template-compiler": "^2.6.11",
     "webpack-bundle-analyzer": "^4.5.0"
   },

From a3fa10abd27cc46e6f79c4ac628c1ad246c826a9 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 12:35:21 +0100
Subject: [PATCH 13/34] admin - yarn commands analyse-bundle, stylelint,
 i18n:report

---
 admin/package.json |  12 +-
 admin/yarn.lock    | 594 +++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 591 insertions(+), 15 deletions(-)

diff --git a/admin/package.json b/admin/package.json
index d499117af..a46dc1fd6 100644
--- a/admin/package.json
+++ b/admin/package.json
@@ -9,9 +9,12 @@
   "scripts": {
     "start": "node run/server.js",
     "serve": "vue-cli-service serve --open",
-    "dev": "yarn run serve",
     "build": "vue-cli-service build",
+    "dev": "yarn run serve",
+    "analyse-bundle": "yarn build && webpack-bundle-analyzer dist/webpack.stats.json",
     "lint": "eslint --max-warnings=0 --ext .js,.vue .",
+    "stylelint": "stylelint --max-warnings=0 '**/*.{scss,vue}'",
+    "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
     "test": "TZ=UTC jest --coverage",
     "locales": "scripts/missing-keys.sh && scripts/sort.sh"
   },
@@ -65,6 +68,13 @@
     "eslint-plugin-promise": "^5.1.1",
     "eslint-plugin-vue": "^7.20.0",
     "jest-environment-jsdom-sixteen": "^2.0.0",
+    "postcss": "^8.4.8",
+    "postcss-html": "^1.3.0",
+    "postcss-scss": "^4.0.3",
+    "stylelint": "^14.5.3",
+    "stylelint-config-recommended-vue": "^1.3.0",
+    "stylelint-config-standard-scss": "^3.0.0",
+    "vue-cli-plugin-i18n": "^2.3.1",
     "vue-template-compiler": "^2.6.11"
   },
   "browserslist": [
diff --git a/admin/yarn.lock b/admin/yarn.lock
index 4e5d587e5..4dd2c8193 100644
--- a/admin/yarn.lock
+++ b/admin/yarn.lock
@@ -1673,6 +1673,11 @@
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
   integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
 
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
 "@types/prettier@^2.0.0":
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.4.1.tgz#e1303048d5389563e130f5bdd89d37a99acb75eb"
@@ -2712,6 +2717,11 @@ array.prototype.flat@^1.2.5:
     define-properties "^1.1.3"
     es-abstract "^1.19.0"
 
+arrify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
+  integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
+
 asn1.js@^5.2.0:
   version "5.4.1"
   resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-5.4.1.tgz#11a980b84ebb91781ce35b0fdc2ee294e3783f07"
@@ -3508,6 +3518,11 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+balanced-match@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-2.0.0.tgz#dc70f920d78db8b858535795867bf48f820633d9"
+  integrity sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==
+
 base64-js@^1.0.2:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -3923,6 +3938,15 @@ camel-case@3.0.x:
     no-case "^2.2.0"
     upper-case "^1.1.1"
 
+camelcase-keys@^6.2.2:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0"
+  integrity sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==
+  dependencies:
+    camelcase "^5.3.1"
+    map-obj "^4.0.0"
+    quick-lru "^4.0.1"
+
 camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
@@ -4141,6 +4165,16 @@ cli-spinners@^2.0.0:
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.6.1.tgz#adc954ebe281c37a6319bfa401e6dd2488ffb70d"
   integrity sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==
 
+cli-table3@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.5.1.tgz#0252372d94dfc40dbd8df06005f48f31f656f202"
+  integrity sha512-7Qg2Jrep1S/+Q3EceiZtQcDPWxhAvBw+ERf1162v4sikJrvojMHFqXt8QIVha8UlH9rgU0BeWPytZ9/TzYqlUw==
+  dependencies:
+    object-assign "^4.1.0"
+    string-width "^2.1.1"
+  optionalDependencies:
+    colors "^1.1.2"
+
 cli-width@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
@@ -4191,6 +4225,13 @@ clone-deep@^4.0.1:
     kind-of "^6.0.2"
     shallow-clone "^3.0.0"
 
+clone-regexp@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/clone-regexp/-/clone-regexp-2.2.0.tgz#7d65e00885cd8796405c35a737e7a86b7429e36f"
+  integrity sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==
+  dependencies:
+    is-regexp "^2.0.0"
+
 clone@2.x:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
@@ -4268,6 +4309,16 @@ color@^3.0.0:
     color-convert "^1.9.3"
     color-string "^1.6.0"
 
+colord@^2.9.2:
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.2.tgz#25e2bacbbaa65991422c07ea209e2089428effb1"
+  integrity sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==
+
+colors@^1.1.2:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
+  integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
+
 combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -4486,6 +4537,17 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
+cosmiconfig@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
+  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 create-ecdh@^4.0.0:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
@@ -4576,6 +4638,11 @@ css-declaration-sorter@^4.0.1:
     postcss "^7.0.1"
     timsort "^0.3.0"
 
+css-functions-list@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.0.1.tgz#1460df7fb584d1692c30b105151dbb988c8094f9"
+  integrity sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==
+
 css-loader@^3.5.3:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.6.0.tgz#2e4b2c7e6e2d27f8c8f28f61bffcd2e6c91ef645"
@@ -4825,7 +4892,22 @@ debug@^3.1.1, debug@^3.2.6, debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
-decamelize@^1.2.0:
+debug@^4.3.0, debug@^4.3.3:
+  version "4.3.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.3.tgz#04266e0b70a98d4462e6e288e38259213332b664"
+  integrity sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==
+  dependencies:
+    ms "2.1.2"
+
+decamelize-keys@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.0.tgz#d171a87933252807eb3cb61dc1c1445d078df2d9"
+  integrity sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=
+  dependencies:
+    decamelize "^1.1.0"
+    map-obj "^1.0.0"
+
+decamelize@^1.1.0, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
@@ -4862,7 +4944,7 @@ deepmerge@^1.5.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
   integrity sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
 
-deepmerge@^4.2.2:
+deepmerge@^4.2.0, deepmerge@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
   integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
@@ -5101,6 +5183,13 @@ domhandler@^4.0.0, domhandler@^4.2.0:
   dependencies:
     domelementtype "^2.2.0"
 
+domhandler@^4.2.2:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.0.tgz#16c658c626cf966967e306f966b431f77d4a5626"
+  integrity sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==
+  dependencies:
+    domelementtype "^2.2.0"
+
 domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -5109,7 +5198,7 @@ domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-domutils@^2.5.2, domutils@^2.6.0:
+domutils@^2.5.2, domutils@^2.6.0, domutils@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
   integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
@@ -5118,6 +5207,14 @@ domutils@^2.5.2, domutils@^2.6.0:
     domelementtype "^2.2.0"
     domhandler "^4.2.0"
 
+dot-object@^1.7.1:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/dot-object/-/dot-object-1.9.0.tgz#6e3d6d8379f794c5174599ddf05528f5990f076e"
+  integrity sha512-7MPN6y7XhAO4vM4eguj5+5HNKLjJYfkVG1ZR1Aput4Q4TR6SYeSjhpVQ77IzJHoSHffKbDxBC+48aCiiRurDPw==
+  dependencies:
+    commander "^2.20.0"
+    glob "^7.1.4"
+
 dot-prop@^5.2.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
@@ -5273,6 +5370,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
+  integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
+
 errno@^0.1.3, errno@~0.1.7:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
@@ -5585,6 +5687,11 @@ eslint@7.25.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
+esm@^3.2.13:
+  version "3.2.25"
+  resolved "https://registry.yarnpkg.com/esm/-/esm-3.2.25.tgz#342c18c29d56157688ba5ce31f8431fbb795cc10"
+  integrity sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==
+
 espree@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
@@ -5734,6 +5841,13 @@ execa@^4.0.0:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
+execall@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/execall/-/execall-2.0.0.tgz#16a06b5fe5099df7d00be5d9c06eecded1663b45"
+  integrity sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==
+  dependencies:
+    clone-regexp "^2.1.0"
+
 exit@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
@@ -5905,6 +6019,17 @@ fast-glob@^3.1.1:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
+fast-glob@^3.2.11, fast-glob@^3.2.9:
+  version "3.2.11"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
+  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -5915,6 +6040,11 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fastest-levenshtein@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
+  integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
+
 fastq@^1.6.0:
   version "1.13.0"
   resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
@@ -6076,6 +6206,11 @@ flat-cache@^3.0.4:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
+flat@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
+  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
+
 flatted@^3.1.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.2.tgz#64bfed5cb68fe3ca78b3eb214ad97b63bedce561"
@@ -6239,6 +6374,11 @@ get-stdin@^6.0.0:
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
   integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
 
+get-stdin@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53"
+  integrity sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==
+
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -6310,6 +6450,22 @@ glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+global-modules@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
+  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
+  dependencies:
+    global-prefix "^3.0.0"
+
+global-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
+  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
+  dependencies:
+    ini "^1.3.5"
+    kind-of "^6.0.2"
+    which "^1.3.1"
+
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -6339,6 +6495,18 @@ globby@^11.0.4:
     merge2 "^1.3.0"
     slash "^3.0.0"
 
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
 globby@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
@@ -6376,6 +6544,11 @@ globby@^9.2.0:
     pify "^4.0.1"
     slash "^2.0.0"
 
+globjoin@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
+  integrity sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
   version "4.2.8"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.8.tgz#e412b8d33f5e006593cbd3cee6df9f2cebbe802a"
@@ -6424,6 +6597,11 @@ har-validator@~5.1.3:
     ajv "^6.12.3"
     har-schema "^2.0.0"
 
+hard-rejection@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
+  integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==
+
 harmony-reflect@^1.4.6:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
@@ -6569,6 +6747,13 @@ hosted-git-info@^2.1.4:
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
   integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
 
+hosted-git-info@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-4.1.0.tgz#827b82867e9ff1c8d0c4d9d53880397d2c86d224"
+  integrity sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==
+  dependencies:
+    lru-cache "^6.0.0"
+
 hpack.js@^2.1.6:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
@@ -6659,6 +6844,16 @@ htmlparser2@^6.1.0:
     domutils "^2.5.2"
     entities "^2.0.0"
 
+htmlparser2@^7.1.2:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-7.2.0.tgz#8817cdea38bbc324392a90b1990908e81a65f5a5"
+  integrity sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.2"
+    domutils "^2.8.0"
+    entities "^3.0.1"
+
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
@@ -6813,6 +7008,11 @@ ignore@^5.1.1, ignore@^5.1.4:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
   integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
 
+ignore@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
+  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -6843,6 +7043,11 @@ import-from@^2.1.0:
   dependencies:
     resolve-from "^3.0.0"
 
+import-lazy@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153"
+  integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==
+
 import-local@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
@@ -6864,6 +7069,11 @@ imurmurhash@^0.1.4:
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
 
+indent-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
+  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
+
 indexes-of@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
@@ -6897,7 +7107,7 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-ini@^1.3.4:
+ini@^1.3.4, ini@^1.3.5:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
@@ -7074,6 +7284,13 @@ is-core-module@^2.2.0, is-core-module@^2.7.0:
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.5.0:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.8.1.tgz#f59fdfca701d5879d0a6b100a40aa1560ce27211"
+  integrity sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==
+  dependencies:
+    has "^1.0.3"
+
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
@@ -7217,7 +7434,7 @@ is-path-inside@^2.1.0:
   dependencies:
     path-is-inside "^1.0.2"
 
-is-plain-obj@^1.0.0:
+is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
   integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
@@ -7234,6 +7451,11 @@ is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
+is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
@@ -7247,6 +7469,11 @@ is-regex@^1.0.4, is-regex@^1.1.4:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-regexp@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d"
+  integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==
+
 is-resolvable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
@@ -7286,6 +7513,11 @@ is-typedarray@^1.0.0, is-typedarray@~1.0.0:
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
+is-valid-glob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-1.0.0.tgz#29bf3eff701be2d4d315dbacc39bc39fe8f601aa"
+  integrity sha1-Kb8+/3Ab4tTTFdusw5vDn+j2Aao=
+
 is-weakref@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.1.tgz#842dba4ec17fa9ac9850df2d6efbc1737274f2a2"
@@ -8551,7 +8783,7 @@ kind-of@^5.0.0:
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
   integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==
 
-kind-of@^6.0.0, kind-of@^6.0.2:
+kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
@@ -8561,6 +8793,11 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
+known-css-properties@^0.24.0:
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.24.0.tgz#19aefd85003ae5698a5560d2b55135bf5432155c"
+  integrity sha512-RTSoaUAfLvpR357vWzAz/50Q/BmHfmE6ETSWfutT0AJiw10e6CmcdYRQJlLRd95B53D0Y2aD1jSxD3V3ySF+PA==
+
 launch-editor-middleware@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/launch-editor-middleware/-/launch-editor-middleware-2.2.1.tgz#e14b07e6c7154b0a4b86a0fd345784e45804c157"
@@ -8821,6 +9058,16 @@ map-cache@^0.2.2:
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
   integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
 
+map-obj@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
+  integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
+
+map-obj@^4.0.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a"
+  integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
+
 map-visit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
@@ -8828,6 +9075,11 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+mathml-tag-names@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
+  integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -8868,6 +9120,24 @@ memory-fs@^0.5.0:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
+meow@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/meow/-/meow-9.0.0.tgz#cd9510bc5cac9dee7d03c73ee1f9ad959f4ea364"
+  integrity sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==
+  dependencies:
+    "@types/minimist" "^1.2.0"
+    camelcase-keys "^6.2.2"
+    decamelize "^1.2.0"
+    decamelize-keys "^1.1.0"
+    hard-rejection "^2.1.0"
+    minimist-options "4.1.0"
+    normalize-package-data "^3.0.0"
+    read-pkg-up "^7.0.1"
+    redent "^3.0.0"
+    trim-newlines "^3.0.0"
+    type-fest "^0.18.0"
+    yargs-parser "^20.2.3"
+
 merge-descriptors@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
@@ -8885,7 +9155,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.2.3, merge2@^1.3.0:
+merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -8962,6 +9232,11 @@ mimic-fn@^2.1.0:
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
+min-indent@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
+  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
+
 mini-css-extract-plugin@^0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz#47f2cf07aa165ab35733b1fc97d4c46c0564339e"
@@ -8989,6 +9264,15 @@ minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimist-options@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
+  integrity sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==
+  dependencies:
+    arrify "^1.0.1"
+    is-plain-obj "^1.1.0"
+    kind-of "^6.0.3"
+
 minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
@@ -9096,6 +9380,11 @@ nan@^2.12.1:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.15.0.tgz#3f34a473ff18e15c1b5626b62903b5ad6e665fee"
   integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==
 
+nanoid@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35"
+  integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -9266,6 +9555,16 @@ normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
+normalize-package-data@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.3.tgz#dbcc3e2da59509a0983422884cd172eefdfa525e"
+  integrity sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==
+  dependencies:
+    hosted-git-info "^4.0.1"
+    is-core-module "^2.5.0"
+    semver "^7.3.4"
+    validate-npm-package-license "^3.0.1"
+
 normalize-path@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-1.0.0.tgz#32d0e472f91ff345701c15a8311018d3b0a90379"
@@ -9288,6 +9587,11 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
 
+normalize-selector@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/normalize-selector/-/normalize-selector-0.2.0.tgz#d0b145eb691189c63a78d201dc4fdb1293ef0c03"
+  integrity sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=
+
 normalize-url@1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
@@ -9984,6 +10288,15 @@ postcss-discard-overridden@^4.0.1:
   dependencies:
     postcss "^7.0.0"
 
+postcss-html@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-1.3.0.tgz#5b28b44a9cc8351cdba6ae1f26017c2303bd7642"
+  integrity sha512-ewbwd7OGW4dLsErtvZH9HpVMEcXnlhYSzKsr7MepGlOT8imHTIZ/+pdfEruLS+hTYapLTQAWDnoQcJpsYU4uRw==
+  dependencies:
+    htmlparser2 "^7.1.2"
+    postcss "^8.4.0"
+    postcss-safe-parser "^6.0.0"
+
 postcss-load-config@^2.0.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
@@ -10002,6 +10315,11 @@ postcss-loader@^3.0.0:
     postcss-load-config "^2.0.0"
     schema-utils "^1.0.0"
 
+postcss-media-query-parser@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"
+  integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=
+
 postcss-merge-longhand@^4.0.11:
   version "4.0.11"
   resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz#62f49a13e4a0ee04e7b98f42bb16062ca2549e24"
@@ -10207,6 +10525,21 @@ postcss-reduce-transforms@^4.0.2:
     postcss "^7.0.0"
     postcss-value-parser "^3.0.0"
 
+postcss-resolve-nested-selector@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz#29ccbc7c37dedfac304e9fff0bf1596b3f6a0e4e"
+  integrity sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=
+
+postcss-safe-parser@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1"
+  integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==
+
+postcss-scss@^4.0.2, postcss-scss@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.3.tgz#36c23c19a804274e722e83a54d20b838ab4767ac"
+  integrity sha512-j4KxzWovfdHsyxwl1BxkUal/O4uirvHgdzMKS1aWJBAV0qh2qj5qAZqpeBfVUYGWv+4iK9Az7SPyZ4fyNju1uA==
+
 postcss-selector-parser@^3.0.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
@@ -10224,6 +10557,14 @@ postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
+postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9:
+  version "6.0.9"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.9.tgz#ee71c3b9ff63d9cd130838876c13a2ec1a992b2f"
+  integrity sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
 postcss-svgo@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.3.tgz#343a2cdbac9505d416243d496f724f38894c941e"
@@ -10252,6 +10593,11 @@ postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
+postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
 postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.36, postcss@^7.0.5, postcss@^7.0.6:
   version "7.0.39"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
@@ -10260,6 +10606,15 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.27, postcss@^7.0.3
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
+postcss@^8.4.0, postcss@^8.4.6, postcss@^8.4.8:
+  version "8.4.8"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.8.tgz#dad963a76e82c081a0657d3a2f3602ce10c2e032"
+  integrity sha512-2tXEqGxrjvAO6U+CJzDL2Fk2kPHTv1jQsYkSoMeOis2SsYaXRO2COxTdQp99cYvif9JTXaAk9lYGc3VhJt7JPQ==
+  dependencies:
+    nanoid "^3.3.1"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -10480,6 +10835,11 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
+quick-lru@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
+  integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
+
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -10601,6 +10961,14 @@ realpath-native@^1.1.0:
   dependencies:
     util.promisify "^1.0.0"
 
+redent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
+  integrity sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==
+  dependencies:
+    indent-string "^4.0.0"
+    strip-indent "^3.0.0"
+
 regenerate-unicode-properties@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-9.0.0.tgz#54d09c7115e1f53dc2314a974b32c1c344efe326"
@@ -11040,7 +11408,7 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semve
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.2.1, semver@^7.3.2, semver@^7.3.5:
+semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
   version "7.3.5"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
   integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
@@ -11199,6 +11567,11 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.5.tgz#9e3e8cc0c75a99472b44321033a7702e7738252f"
   integrity sha512-KWcOiKeQj6ZyXx7zq4YxSMgHRlod4czeBQZrPb8OKcohcqAXShm7E20kEMle9WBt26hFcAf0qLOcp5zmY7kOqQ==
 
+signal-exit@^3.0.7:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
 simple-swizzle@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
@@ -11298,6 +11671,11 @@ source-list-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
+source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
 source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
@@ -11386,6 +11764,11 @@ spdy@^4.0.2:
     select-hose "^2.0.0"
     spdy-transport "^3.0.0"
 
+specificity@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019"
+  integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==
+
 split-string@^3.0.1, split-string@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
@@ -11537,7 +11920,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-string-width@^2.0.0:
+string-width@^2.0.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -11646,6 +12029,13 @@ strip-indent@^2.0.0:
   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-2.0.0.tgz#5ef8db295d01e6ed6cbf7aab96998d7822527b68"
   integrity sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g=
 
+strip-indent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
+  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
+  dependencies:
+    min-indent "^1.0.0"
+
 strip-json-comments@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
@@ -11656,6 +12046,11 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+style-search@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
+  integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=
+
 stylehacks@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
@@ -11665,6 +12060,112 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
+stylelint-config-html@>=1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-html/-/stylelint-config-html-1.0.0.tgz#172acb996ee4c854e8c670fcff77ff0d98d3bec2"
+  integrity sha512-rKQUUWDpaYC7ybsS6tLxddjn6DxhjSIXybElSmcTyVQj3ExhmU3q+l41ktrlwHRyY0M5SkTkZiwngvYPYmsgSQ==
+
+stylelint-config-recommended-scss@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz#193f483861c76a36ece24c52eb6baca4838f4a48"
+  integrity sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==
+  dependencies:
+    postcss-scss "^4.0.2"
+    stylelint-config-recommended "^6.0.0"
+    stylelint-scss "^4.0.0"
+
+stylelint-config-recommended-vue@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.3.0.tgz#a40f1efa5bff8bd3e2c1c58c3faacbe73b5b69ec"
+  integrity sha512-UEY/MZlBO2yiQdZoJm33trtqJ1MEDzBADhIAM0pTvfYbyXe5KwdbTtmALHETG1cXfDxuuUbJTvL9uENMy2Rjug==
+  dependencies:
+    semver "^7.3.5"
+    stylelint-config-html ">=1.0.0"
+    stylelint-config-recommended ">=6.0.0"
+
+stylelint-config-recommended@>=6.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz#7497372ae83ab7a6fffc18d7d7b424c6480ae15e"
+  integrity sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==
+
+stylelint-config-recommended@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz#fd2523a322836005ad9bf473d3e5534719c09f9d"
+  integrity sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==
+
+stylelint-config-standard-scss@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard-scss/-/stylelint-config-standard-scss-3.0.0.tgz#dafc4fa5538d0ed833bf0a7d391e075683ffd96c"
+  integrity sha512-zt3ZbzIbllN1iCmc94e4pDxqpkzeR6CJo5DDXzltshuXr+82B8ylHyMMARNnUYrZH80B7wgY7UkKTYCFM0UUyw==
+  dependencies:
+    stylelint-config-recommended-scss "^5.0.2"
+    stylelint-config-standard "^24.0.0"
+
+stylelint-config-standard@^24.0.0:
+  version "24.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz#6823f207ab997ae0b641f9a636d007cc44d77541"
+  integrity sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==
+  dependencies:
+    stylelint-config-recommended "^6.0.0"
+
+stylelint-scss@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-4.1.0.tgz#39b808696f8152081163d970449257ff80b5c041"
+  integrity sha512-BNYTo7MMamhFOlcaAWp2dMpjg6hPyM/FFqfDIYzmYVLMmQJqc8lWRIiTqP4UX5bresj9Vo0dKC6odSh43VP2NA==
+  dependencies:
+    lodash "^4.17.21"
+    postcss-media-query-parser "^0.2.3"
+    postcss-resolve-nested-selector "^0.1.1"
+    postcss-selector-parser "^6.0.6"
+    postcss-value-parser "^4.1.0"
+
+stylelint@^14.5.3:
+  version "14.5.3"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-14.5.3.tgz#103b6670128ba3dea69fe3a1a07c4a5d3e0e3450"
+  integrity sha512-omHETL+kGHR+fCXFK1SkZD/A+emCP9esggAdWEl8GPjTNeyRYj+H6uetRDcU+7E451zwWiUYGVAX+lApsAZgsQ==
+  dependencies:
+    balanced-match "^2.0.0"
+    colord "^2.9.2"
+    cosmiconfig "^7.0.1"
+    css-functions-list "^3.0.1"
+    debug "^4.3.3"
+    execall "^2.0.0"
+    fast-glob "^3.2.11"
+    fastest-levenshtein "^1.0.12"
+    file-entry-cache "^6.0.1"
+    get-stdin "^8.0.0"
+    global-modules "^2.0.0"
+    globby "^11.1.0"
+    globjoin "^0.1.4"
+    html-tags "^3.1.0"
+    ignore "^5.2.0"
+    import-lazy "^4.0.0"
+    imurmurhash "^0.1.4"
+    is-plain-object "^5.0.0"
+    known-css-properties "^0.24.0"
+    mathml-tag-names "^2.1.3"
+    meow "^9.0.0"
+    micromatch "^4.0.4"
+    normalize-path "^3.0.0"
+    normalize-selector "^0.2.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.6"
+    postcss-media-query-parser "^0.2.3"
+    postcss-resolve-nested-selector "^0.1.1"
+    postcss-safe-parser "^6.0.0"
+    postcss-selector-parser "^6.0.9"
+    postcss-value-parser "^4.2.0"
+    resolve-from "^5.0.0"
+    specificity "^0.4.1"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    style-search "^0.1.0"
+    supports-hyperlinks "^2.2.0"
+    svg-tags "^1.0.0"
+    table "^6.8.0"
+    v8-compile-cache "^2.3.0"
+    write-file-atomic "^4.0.1"
+
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
@@ -11698,7 +12199,7 @@ supports-color@^8.0.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-hyperlinks@^2.0.0:
+supports-hyperlinks@^2.0.0, supports-hyperlinks@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb"
   integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==
@@ -11752,6 +12253,17 @@ table@^6.0.4:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
+table@^6.8.0:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.8.0.tgz#87e28f14fa4321c3377ba286f07b79b281a3b3ca"
+  integrity sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==
+  dependencies:
+    ajv "^8.0.1"
+    lodash.truncate "^4.4.2"
+    slice-ansi "^4.0.0"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+
 tapable@^1.0.0, tapable@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
@@ -11995,6 +12507,11 @@ tr46@~0.0.3:
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
 
+trim-newlines@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144"
+  integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==
+
 tryer@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
@@ -12101,6 +12618,11 @@ type-detect@4.0.8:
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
 
+type-fest@^0.18.0:
+  version "0.18.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f"
+  integrity sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==
+
 type-fest@^0.20.2:
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
@@ -12359,7 +12881,7 @@ uuid@^8.3.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-v8-compile-cache@^2.0.3:
+v8-compile-cache@^2.0.3, v8-compile-cache@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
@@ -12421,6 +12943,20 @@ vue-apollo@^3.0.8:
     serialize-javascript "^4.0.0"
     throttle-debounce "^2.1.0"
 
+vue-cli-plugin-i18n@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/vue-cli-plugin-i18n/-/vue-cli-plugin-i18n-2.3.1.tgz#193b1e481a02e044d847392b3d070e1a3dec954e"
+  integrity sha512-1bNVZtLIAL9Pge8hiw986vixofyqF/tlgsqe4fF5JWn9c8xhsqVugEBuUeaYxevrE9efhhFk9mRmEDwBwQnbNg==
+  dependencies:
+    debug "^4.3.0"
+    deepmerge "^4.2.0"
+    dotenv "^8.2.0"
+    flat "^5.0.0"
+    rimraf "^3.0.0"
+    vue "^2.6.11"
+    vue-i18n "^8.17.0"
+    vue-i18n-extract "1.0.2"
+
 vue-eslint-parser@^7.10.0:
   version "7.11.0"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz#214b5dea961007fcffb2ee65b8912307628d0daf"
@@ -12444,6 +12980,23 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
 
+vue-i18n-extract@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/vue-i18n-extract/-/vue-i18n-extract-1.0.2.tgz#0a136e12d1634d6799e187aad81a7003d02f67a5"
+  integrity sha512-+zwDKvle4KcfloXZnj5hF01ViKDiFr5RMx5507D7oyDXpSleRpekF5YHgZa/+Ra6Go68//z0Nya58J9tKFsCjw==
+  dependencies:
+    cli-table3 "^0.5.1"
+    dot-object "^1.7.1"
+    esm "^3.2.13"
+    glob "^7.1.3"
+    is-valid-glob "^1.0.0"
+    yargs "^13.2.2"
+
+vue-i18n@^8.17.0:
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-8.27.0.tgz#3e3b3ed2c107ccbd7f20dbdd7a96763a9990253e"
+  integrity sha512-SX35iJHL5PJ4Gfh0Mo/q0shyHiI2V6Zkh51c+k8E9O1RKv5BQyYrCxRzpvPrsIOJEnLaeiovet3dsUB0e/kDzw==
+
 vue-i18n@^8.26.5:
   version "8.26.5"
   resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-8.26.5.tgz#b61e994e7ae83564c6aebd004543156bbdc7c7e9"
@@ -12818,7 +13371,7 @@ which-module@^2.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
   integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
 
-which@^1.2.9, which@^1.3.0:
+which@^1.2.9, which@^1.3.0, which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
@@ -12895,6 +13448,14 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
+write-file-atomic@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f"
+  integrity sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==
+  dependencies:
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.7"
+
 ws@^5.2.0:
   version "5.2.3"
   resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.3.tgz#05541053414921bc29c63bee14b8b0dd50b07b3d"
@@ -12954,6 +13515,11 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yargs-parser@10.x:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
@@ -12977,12 +13543,12 @@ yargs-parser@^18.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^20.2.2:
+yargs-parser@^20.2.2, yargs-parser@^20.2.3:
   version "20.2.9"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
 
-yargs@^13.3.0, yargs@^13.3.2:
+yargs@^13.2.2, yargs@^13.3.0, yargs@^13.3.2:
   version "13.3.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
   integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==

From ec58862e7e6cfc323fd5da08396ef712e60b881f Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 12:38:56 +0100
Subject: [PATCH 14/34] test workflow for stylelint admin

---
 .github/workflows/test.yml | 37 +++++++++++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 8ee2f982b..c9fda7b2a 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -185,7 +185,7 @@ jobs:
       ##########################################################################
       # LOCALES FRONTEND #######################################################
       ##########################################################################
-      - name: frontend | Locales
+      - name: Frontend | Locales
         run: docker run --rm gradido/frontend:test yarn run locales
 
   ##############################################################################
@@ -214,7 +214,7 @@ jobs:
       ##########################################################################
       # LINT FRONTEND ##########################################################
       ##########################################################################
-      - name: frontend | Lint
+      - name: Frontend | Lint
         run: docker run --rm gradido/frontend:test yarn run lint
 
   ##############################################################################
@@ -243,7 +243,7 @@ jobs:
       ##########################################################################
       # STYLELINT FRONTEND #####################################################
       ##########################################################################
-      - name: frontend | Stylelint
+      - name: Frontend | Stylelint
         run: docker run --rm gradido/frontend:test yarn run stylelint
 
   ##############################################################################
@@ -276,7 +276,36 @@ jobs:
         run: docker run --rm gradido/admin:test yarn run lint
 
   ##############################################################################
-  # JOB: LOCALES ADMIN ######################################################
+  # JOB: STYLELINT ADMIN INTERFACE ##############################################
+  ##############################################################################
+  stylelint_admin:
+    name: Stylelint - Admin Interface
+    runs-on: ubuntu-latest
+    needs: [build_test_admin]
+    steps:
+      ##########################################################################
+      # CHECKOUT CODE ##########################################################
+      ##########################################################################
+      - name: Checkout code
+        uses: actions/checkout@v2
+      ##########################################################################
+      # DOWNLOAD DOCKER IMAGE ##################################################
+      ##########################################################################
+      - name: Download Docker Image (Admin Interface)
+        uses: actions/download-artifact@v2
+        with:
+          name: docker-admin-test
+          path: /tmp
+      - name: Load Docker Image
+        run: docker load < /tmp/admin.tar
+      ##########################################################################
+      # STYLELINT ADMIN INTERFACE ##############################################
+      ##########################################################################
+      - name: Admin Interface | Stylelint
+        run: docker run --rm gradido/admin:test yarn run stylelint
+
+  ##############################################################################
+  # JOB: LOCALES ADMIN #########################################################
   ##############################################################################
   locales_admin:
     name: Locales - Admin

From 049e1c4318c4dba7807172adb387c2f46c4ff73c Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 12:48:07 +0100
Subject: [PATCH 15/34] admin stylelint config file

---
 admin/.stylelintrc.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 admin/.stylelintrc.js

diff --git a/admin/.stylelintrc.js b/admin/.stylelintrc.js
new file mode 100644
index 000000000..3ca693d73
--- /dev/null
+++ b/admin/.stylelintrc.js
@@ -0,0 +1,18 @@
+'use strict';
+
+module.exports = {
+  extends: ["stylelint-config-standard-scss", "stylelint-config-recommended-vue"],
+  overrides: [
+    {
+      files: "**/*.{scss}",
+      customSyntax: "postcss-scss",
+      extends: ["stylelint-config-standard-scss"],
+    },
+    {
+        files: "**/*.vue",
+        customSyntax: "postcss-html",
+        extends: ["stylelint-config-recommended-vue"],
+    }
+  ]
+
+};
\ No newline at end of file

From 8c14fb64c4ae00daa8ba2b90e5733d0d27a04939 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 12:57:13 +0100
Subject: [PATCH 16/34] forbid inline style in admin

---
 admin/.eslintrc.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/admin/.eslintrc.js b/admin/.eslintrc.js
index 8c410feba..96c602ef3 100644
--- a/admin/.eslintrc.js
+++ b/admin/.eslintrc.js
@@ -16,6 +16,12 @@ module.exports = {
     'no-console': ['error'],
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+    'vue/no-static-inline-styles': [
+      'error',
+      {
+        allowBinding: false,
+      },
+    ],
     'prettier/prettier': [
       'error',
       {

From 95c786f48477469676f387e4493014f11f6c8245 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 10 Mar 2022 17:33:01 +0100
Subject: [PATCH 17/34] migration to remove showEmail

---
 .../TransactionLink.ts                        | 61 +++++++++++++++++++
 database/entity/TransactionLink.ts            |  2 +-
 ...-remove_sendEmail_from_transaction_link.ts | 14 +++++
 3 files changed, 76 insertions(+), 1 deletion(-)
 create mode 100644 database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts
 create mode 100644 database/migrations/0031-remove_sendEmail_from_transaction_link.ts

diff --git a/database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts b/database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts
new file mode 100644
index 000000000..789644782
--- /dev/null
+++ b/database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts
@@ -0,0 +1,61 @@
+import Decimal from 'decimal.js-light'
+import { BaseEntity, Entity, PrimaryGeneratedColumn, Column, DeleteDateColumn } from 'typeorm'
+import { DecimalTransformer } from '../../src/typeorm/DecimalTransformer'
+
+@Entity('transaction_links')
+export class TransactionLink extends BaseEntity {
+  @PrimaryGeneratedColumn('increment', { unsigned: true })
+  id: number
+
+  @Column({ unsigned: true, nullable: false })
+  userId: number
+
+  @Column({
+    type: 'decimal',
+    precision: 40,
+    scale: 20,
+    nullable: false,
+    transformer: DecimalTransformer,
+  })
+  amount: Decimal
+
+  @Column({
+    type: 'decimal',
+    name: 'hold_available_amount',
+    precision: 40,
+    scale: 20,
+    nullable: false,
+    transformer: DecimalTransformer,
+  })
+  holdAvailableAmount: Decimal
+
+  @Column({ length: 255, nullable: false, collation: 'utf8mb4_unicode_ci' })
+  memo: string
+
+  @Column({ length: 24, nullable: false, collation: 'utf8mb4_unicode_ci' })
+  code: string
+
+  @Column({
+    type: 'datetime',
+    nullable: false,
+  })
+  createdAt: Date
+
+  @DeleteDateColumn()
+  deletedAt?: Date | null
+
+  @Column({
+    type: 'datetime',
+    nullable: false,
+  })
+  validUntil: Date
+
+  @Column({
+    type: 'datetime',
+    nullable: true,
+  })
+  redeemedAt?: Date | null
+
+  @Column({ type: 'int', unsigned: true, nullable: true })
+  redeemedBy?: number | null
+}
diff --git a/database/entity/TransactionLink.ts b/database/entity/TransactionLink.ts
index fde2ba9e0..a483f0171 100644
--- a/database/entity/TransactionLink.ts
+++ b/database/entity/TransactionLink.ts
@@ -1 +1 @@
-export { TransactionLink } from './0030-transaction_link/TransactionLink'
+export { TransactionLink } from './0031-remove_sendEmail_from_transaction_link/TransactionLink'
diff --git a/database/migrations/0031-remove_sendEmail_from_transaction_link.ts b/database/migrations/0031-remove_sendEmail_from_transaction_link.ts
new file mode 100644
index 000000000..76b2ee742
--- /dev/null
+++ b/database/migrations/0031-remove_sendEmail_from_transaction_link.ts
@@ -0,0 +1,14 @@
+/* MIGRATION TO REMOVE sendEmail FIELD FROM TRANSACTION_LINK TABLE */
+
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+export async function upgrade(queryFn: (query: string, values?: any[]) => Promise<Array<any>>) {
+  await queryFn('ALTER TABLE `transaction_links` DROP COLUMN `showEmail`;')
+}
+
+export async function downgrade(queryFn: (query: string, values?: any[]) => Promise<Array<any>>) {
+  await queryFn(
+    'ALTER TABLE `transaction_links` ADD COLUMN `showEmail` boolean NOT NULL DEFAULT false AFTER `validUntil`;',
+  )
+}

From 91ffc16ed018a2263b0b5a8ff803299eaa64fcd2 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 10 Mar 2022 17:35:15 +0100
Subject: [PATCH 18/34] remove showEmail from transaction link model, alter
 database version

---
 backend/src/config/index.ts                  | 2 +-
 backend/src/graphql/model/TransactionLink.ts | 3 ---
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/backend/src/config/index.ts b/backend/src/config/index.ts
index 4cd428153..b1fb8e397 100644
--- a/backend/src/config/index.ts
+++ b/backend/src/config/index.ts
@@ -10,7 +10,7 @@ Decimal.set({
 })
 
 const constants = {
-  DB_VERSION: '0030-transaction_link',
+  DB_VERSION: '0031-remove_sendEmail_from_transaction_link',
   DECAY_START_TIME: new Date('2021-05-13 17:46:31'), // GMT+0
 }
 
diff --git a/backend/src/graphql/model/TransactionLink.ts b/backend/src/graphql/model/TransactionLink.ts
index 0f19df466..e90d4efd9 100644
--- a/backend/src/graphql/model/TransactionLink.ts
+++ b/backend/src/graphql/model/TransactionLink.ts
@@ -31,9 +31,6 @@ export class TransactionLink {
   @Field(() => Date)
   validUntil: Date
 
-  @Field(() => Boolean)
-  showEmail: boolean
-
   @Field(() => Date, { nullable: true })
   redeemedAt: Date | null
 

From cb4e6da31725cd01c4d392f2e44f0b34f9e97a65 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 10 Mar 2022 18:25:54 +0100
Subject: [PATCH 19/34] deleteTransactionLink mutation returns boolean, no more
 to does

---
 .../graphql/resolver/TransactionLinkResolver.ts  | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/backend/src/graphql/resolver/TransactionLinkResolver.ts b/backend/src/graphql/resolver/TransactionLinkResolver.ts
index 9f9f5e493..a3a044ded 100644
--- a/backend/src/graphql/resolver/TransactionLinkResolver.ts
+++ b/backend/src/graphql/resolver/TransactionLinkResolver.ts
@@ -69,11 +69,8 @@ export class TransactionLinkResolver {
   }
 
   @Authorized([RIGHTS.DELETE_TRANSACTION_LINK])
-  @Mutation(() => Date, { nullable: true })
-  async deleteTransactionLink(
-    @Arg('id') id: number,
-    @Ctx() context: any,
-  ): Promise<Date | null | undefined> {
+  @Mutation(() => Boolean)
+  async deleteTransactionLink(@Arg('id') id: number, @Ctx() context: any): Promise<boolean> {
     const userRepository = getCustomRepository(UserRepository)
     const user = await userRepository.findByPubkeyHex(context.pubKey)
 
@@ -82,7 +79,6 @@ export class TransactionLinkResolver {
       throw new Error('Transaction Link not found!')
     }
 
-    // TODO: admin can delete links?
     if (transactionLink.userId !== user.id) {
       throw new Error('Transaction Link cannot be deleted!')
     }
@@ -91,8 +87,10 @@ export class TransactionLinkResolver {
       throw new Error('Transaction Link already redeemed!')
     }
 
-    await transactionLink.softRemove()
-    const newLink = await dbTransactionLink.findOne({ id }, { withDeleted: true })
-    return newLink ? newLink.deletedAt : null
+    await transactionLink.softRemove().catch(() => {
+      throw new Error('Transaction Link could not be deleted!')
+    })
+
+    return true
   }
 }

From 681f27d4b0d39f1cce351d0de3117be97078e504 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 10 Mar 2022 18:28:42 +0100
Subject: [PATCH 20/34] update entity as in master

---
 .../TransactionLink.ts                                      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts b/database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts
index 789644782..9cd42258a 100644
--- a/database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts
+++ b/database/entity/0031-remove_sendEmail_from_transaction_link/TransactionLink.ts
@@ -42,7 +42,7 @@ export class TransactionLink extends BaseEntity {
   createdAt: Date
 
   @DeleteDateColumn()
-  deletedAt?: Date | null
+  deletedAt: Date | null
 
   @Column({
     type: 'datetime',
@@ -54,8 +54,8 @@ export class TransactionLink extends BaseEntity {
     type: 'datetime',
     nullable: true,
   })
-  redeemedAt?: Date | null
+  redeemedAt: Date | null
 
   @Column({ type: 'int', unsigned: true, nullable: true })
-  redeemedBy?: number | null
+  redeemedBy: number | null
 }

From 55455d023609a94fcefc9ba22c8fd060688df758 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 10 Mar 2022 18:31:15 +0100
Subject: [PATCH 21/34] remove showEmail form model, args and resolver

---
 backend/src/graphql/arg/TransactionLinkArgs.ts          | 3 ---
 backend/src/graphql/model/TransactionLink.ts            | 1 -
 backend/src/graphql/resolver/TransactionLinkResolver.ts | 3 +--
 3 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/backend/src/graphql/arg/TransactionLinkArgs.ts b/backend/src/graphql/arg/TransactionLinkArgs.ts
index 5ccb967d3..553efcfbe 100644
--- a/backend/src/graphql/arg/TransactionLinkArgs.ts
+++ b/backend/src/graphql/arg/TransactionLinkArgs.ts
@@ -8,7 +8,4 @@ export default class TransactionLinkArgs {
 
   @Field(() => String)
   memo: string
-
-  @Field(() => Boolean, { nullable: true })
-  showEmail?: boolean
 }
diff --git a/backend/src/graphql/model/TransactionLink.ts b/backend/src/graphql/model/TransactionLink.ts
index e8e045d92..414bba73f 100644
--- a/backend/src/graphql/model/TransactionLink.ts
+++ b/backend/src/graphql/model/TransactionLink.ts
@@ -14,7 +14,6 @@ export class TransactionLink {
     this.code = transactionLink.code
     this.createdAt = transactionLink.createdAt
     this.validUntil = transactionLink.validUntil
-    this.showEmail = transactionLink.showEmail
     this.deletedAt = transactionLink.deletedAt
     this.redeemedAt = transactionLink.redeemedAt
     this.redeemedBy = redeemedBy
diff --git a/backend/src/graphql/resolver/TransactionLinkResolver.ts b/backend/src/graphql/resolver/TransactionLinkResolver.ts
index d60146096..8be9bfae0 100644
--- a/backend/src/graphql/resolver/TransactionLinkResolver.ts
+++ b/backend/src/graphql/resolver/TransactionLinkResolver.ts
@@ -35,7 +35,7 @@ export class TransactionLinkResolver {
   @Authorized([RIGHTS.CREATE_TRANSACTION_LINK])
   @Mutation(() => TransactionLink)
   async createTransactionLink(
-    @Args() { amount, memo, showEmail = false }: TransactionLinkArgs,
+    @Args() { amount, memo }: TransactionLinkArgs,
     @Ctx() context: any,
   ): Promise<TransactionLink> {
     const userRepository = getCustomRepository(UserRepository)
@@ -60,7 +60,6 @@ export class TransactionLinkResolver {
     transactionLink.code = transactionLinkCode(createdDate)
     transactionLink.createdAt = createdDate
     transactionLink.validUntil = validUntil
-    transactionLink.showEmail = showEmail
     await dbTransactionLink.save(transactionLink).catch(() => {
       throw new Error('Unable to save transaction link')
     })

From e82306e4bb2ef868253d8671facedc797c39e246 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 19:48:11 +0100
Subject: [PATCH 22/34] stylelint fixes

---
 .../src/assets/scss/custom/_variables.scss    | 381 +++++++++---------
 .../scss/custom/gradido-custom/_alerts.scss   |   2 -
 .../scss/custom/gradido-custom/_badges.scss   |  21 +-
 .../scss/custom/gradido-custom/_body.scss     |   1 -
 .../custom/gradido-custom/_buttons-forms.scss |  37 +-
 .../scss/custom/gradido-custom/_buttons.scss  |  52 +--
 .../scss/custom/gradido-custom/_cards.scss    |  29 +-
 .../scss/custom/gradido-custom/_chart.scss    |   1 -
 .../scss/custom/gradido-custom/_close.scss    |  14 +-
 .../scss/custom/gradido-custom/_color.scss    | 317 ++++++++-------
 .../custom/gradido-custom/_components.scss    |  47 +--
 .../custom/gradido-custom/_custom-forms.scss  |  52 ++-
 .../custom/gradido-custom/_custom-toogle.scss |   6 +-
 .../custom/gradido-custom/_datepicker.scss    |  14 +-
 .../scss/custom/gradido-custom/_dropdown.scss |  12 +-
 .../scss/custom/gradido-custom/_fonts.scss    | 146 +++----
 .../scss/custom/gradido-custom/_footer.scss   |  10 +-
 .../custom/gradido-custom/_form-groups.scss   |   2 +-
 .../gradido-custom/_form-validation.scss      |   8 +-
 .../scss/custom/gradido-custom/_forms.scss    |   1 +
 .../scss/custom/gradido-custom/_global.scss   |  16 +-
 .../gradido-custom/_grid-breakpoint.scss      |   3 +-
 .../scss/custom/gradido-custom/_icons.scss    |   3 +-
 .../custom/gradido-custom/_input-groups.scss  |  13 +-
 .../scss/custom/gradido-custom/_input.scss    |  73 ++--
 .../scss/custom/gradido-custom/_links.scss    |   8 +-
 .../custom/gradido-custom/_list-group.scss    |  37 +-
 .../scss/custom/gradido-custom/_modals.scss   |  40 +-
 .../scss/custom/gradido-custom/_navbar.scss   |  84 ++--
 .../scss/custom/gradido-custom/_navs.scss     |  38 +-
 .../custom/gradido-custom/_nouislider.scss    |  25 +-
 .../custom/gradido-custom/_pagination.scss    |  32 +-
 .../scss/custom/gradido-custom/_popovers.scss |  40 +-
 .../scss/custom/gradido-custom/_sections.scss |   1 -
 .../scss/custom/gradido-custom/_spacing.scss  |  62 +--
 .../scss/custom/gradido-custom/_tables.scss   |  53 ++-
 .../scss/custom/gradido-custom/_tooltips.scss |   2 +-
 .../gradido-custom/_vertical-navbar.scss      |   9 +-
 frontend/src/assets/scss/gradido.scss         | 191 +++++----
 frontend/src/components/Menu/Sidebar.vue      |   4 +-
 frontend/src/components/UserCard.vue          |   1 -
 .../src/components/UserCard_FormUserMail.vue  |   1 -
 frontend/src/layouts/ContentFooter.vue        |   1 -
 frontend/src/pages/ForgotPassword.vue         |   1 -
 frontend/src/pages/RegisterCommunity.vue      |   1 -
 frontend/src/pages/ResetPassword.vue          |   1 -
 46 files changed, 897 insertions(+), 996 deletions(-)

diff --git a/frontend/src/assets/scss/custom/_variables.scss b/frontend/src/assets/scss/custom/_variables.scss
index 8d698702c..a17320d1d 100644
--- a/frontend/src/assets/scss/custom/_variables.scss
+++ b/frontend/src/assets/scss/custom/_variables.scss
@@ -1,10 +1,8 @@
-
-//
 // Variables
-//
 
 // Global settings
 @import "gradido-custom/global";
+
 // $enable-caret:              true !default;
 // $enable-rounded:            true !default;
 // $enable-shadows:            true !default;
@@ -13,9 +11,9 @@
 // $enable-grid-classes:       true !default;
 // $enable-print-styles:       true !default;
 
-
 // Color system
 @import "gradido-custom/color";
+
 // $white:    #fff !default;
 // $gray-100: #f6f9fc !default;
 // $gray-200: #e9ecef !default;
@@ -27,7 +25,7 @@
 // $gray-800: #32325d !default;   // Line heading color
 // $gray-900: #212529 !default;
 // $black:    #000 !default;
-// 
+
 // $grays: () !default;
 // $grays: map-merge((
 //   "100": $gray-100,
@@ -40,7 +38,7 @@
 //   "800": $gray-800,
 //   "900": $gray-900
 // ), $grays);
-// 
+
 // $blue:    #5e72e4 !default;
 // $indigo:  #5603ad !default;
 // $purple:  #8965e0 !default;
@@ -51,7 +49,7 @@
 // $green:   #2dce89 !default;
 // $teal:    #11cdef !default;
 // $cyan:    #2bffc6 !default;
-// 
+
 // $colors: () !default;
 // $colors: map-merge((
 //   "blue":       $blue,
@@ -70,7 +68,7 @@
 //   "lighter":    $gray-200,
 //   "gray-dark":  $gray-800
 // ), $colors);
-// 
+
 // $default:       #172b4d !default;
 // $primary:       #5e72e4 !default;
 // $secondary:     #f7fafc !default;
@@ -81,7 +79,7 @@
 // $light:         $gray-500 !default;
 // $dark:          $gray-900 !default;
 // $darker:        darken($gray-900, 15%) !default;
-// 
+
 // $facebook:      #3b5999 !default;
 // $twitter:       #1da1f2 !default;
 // $google-plus:   #dd4b39 !default;
@@ -91,7 +89,7 @@
 // $slack:         #3aaf85 !default;
 // $dribbble:      #ea4c89 !default;
 // $github:        #222222 !default;
-// 
+
 // $theme-colors: () !default;
 // $theme-colors: map-merge((
 //   "default":      $default,
@@ -106,7 +104,7 @@
 //   "dark":         $dark,
 //   "darker":       $darker
 // ), $theme-colors);
-// 
+
 // $brand-colors: () !default;
 // $brand-colors: map-merge((
 //   "facebook":     $facebook,
@@ -119,7 +117,7 @@
 //   "dribbble":     $dribbble,
 //   "github":       $github
 // ), $brand-colors);
-// 
+
 // $shape-colors: () !default;
 // $shape-colors: map-merge((
 //   "default":      #32325d,
@@ -127,9 +125,9 @@
 //   "secondary":    #24b47e,
 //   "neutral":      #e9ecef,
 //   "blue-gray":    #b2cbe1,
-// 
+
 // ), $shape-colors);
-// 
+
 // $shapes-primary-colors: () !default;
 // $shapes-primary-colors: map-merge((
 //   "step-1-gradient-bg":         #281483,
@@ -141,7 +139,7 @@
 //   "span-4-bg":                  #25ddf5,
 //   "span-5-bg":                  #1fa2ff
 // ), $shapes-primary-colors);
-// 
+
 // $shapes-default-colors: () !default;
 // $shapes-default-colors: map-merge((
 //   "step-1-gradient-bg":         #7795f8,
@@ -153,7 +151,7 @@
 //   "span-4-bg":                  #76eea7,
 //   "span-5-bg":                  #6adaff
 // ), $shapes-default-colors);
-// 
+
 // $shapes-light-colors: () !default;
 // $shapes-light-colors: map-merge((
 //   "step-1-gradient-bg":         #b2cbe1,
@@ -165,7 +163,7 @@
 //   "span-4-bg":                  #74e4a2,
 //   "span-5-bg":                  #008169
 // ), $shapes-light-colors);
-// 
+
 // $shapes-dark-colors: () !default;
 // $shapes-dark-colors: map-merge((
 //   "step-1-gradient-bg":         #32325d,
@@ -177,30 +175,29 @@
 //   "span-4-bg":                  #d782d9,
 //   "span-5-bg":                  #008169
 // ), $shapes-dark-colors);
-// 
-// 
+
 // // Translucent color variations
 // $translucent-color-opacity: .6 !default;
-// 
+
 // // Set a specific jump point for requesting color jumps
 // $theme-color-interval:      8% !default;
-// 
-// // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+
+// // The yiq lightness value that determines when the lightness of color changes
+// from "dark" to "light". Acceptable values are between 0 and 255.
 // $yiq-contrasted-threshold:  200 !default;
-// 
+
 // // Customize the light and dark text colors for use in our YIQ color contrast function.
 // $yiq-text-dark:             $gray-900 !default;
 // $yiq-text-light:            $white !default;
-// 
+
 // // Action colors
-// 
+
 // $star-rating-color: $gray-400 !default;
 // $star-rating-color-active: $yellow !default;
-// 
+
 // $favorite-color: $yellow !default;
 // $like-color: $blue !default;
 // $love-color: $red !default;
-// 
 
 // Body
 @import "gradido-custom/body";
@@ -208,10 +205,9 @@
 // $body-bg: #f8f9fe !default;
 // $body-color: $gray-700 !default;
 
-
-
 // Sections
 @import "gradido-custom/sections";
+
 // $section-colors: () !default;
 // $section-colors: map-merge((
 //   "primary":      $body-bg,
@@ -223,14 +219,15 @@
 
 // Links
 @import "gradido-custom/links";
+
 // $link-color:                $primary !default;
 // $link-decoration:           none !default;
 // $link-hover-color:          darken($link-color, 15%) !default;
 // $link-hover-decoration:     none !default;
 
-
 // Grid breakpoints
 @import "gradido-custom/grid-breakpoint";
+
 // $grid-breakpoints: (
 //   xs: 0,
 //   sm: 576px,
@@ -238,19 +235,17 @@
 //   lg: 992px,
 //   xl: 1200px
 // );
-// 
+
 // @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
 // @include _assert-starts-at-zero($grid-breakpoints);
-// 
-// 
+
 // // Grid containers
 // //
 // // Define the maximum width of `.container` for different screen sizes.
 
-
-
 // Spacing
 @import "gradido-custom/spacing";
+
 // $spacer: 1rem !default;
 // $spacers: () !default;
 // $spacers: map-merge((
@@ -274,10 +269,9 @@
 //   8: ($spacer * 8),
 //   9: ($spacer * 10)
 // ), $spacers);
-// 
-// 
+
 // // This variable affects the `.h-*` and `.w-*` classes.
-// 
+
 // $sizes: () !default;
 // $sizes: map-merge((
 //   25: 25%,
@@ -288,406 +282,406 @@
 
 // Components
 @import "gradido-custom/components";
+
 // $shape-height-xl:              1.5 !default;
 // $shape-height-lg:              1.5 !default;
 // $shape-height-sm:              1.5 !default;
-// 
+
 // $border-width:                1px !default;
 // $border-color:                $gray-200 !default;
-// 
+
 // $border-radius:               .375rem !default;
 // $border-radius-xl:            .5rem !default;
 // $border-radius-lg:            .4375rem !default;
 // $border-radius-sm:            .25rem !default;
-// 
+
 // $box-shadow-sm:               0 0 .5rem rgba($gray-600, .075) !default;
 // $box-shadow:                  0 0 2rem 0 rgba($gray-600, .15) !default;
 // $box-shadow-lg:               0 0 3rem rgba($gray-600, .175) !default;
-// 
+
 // $component-active-color:        $white !default;
 // $component-active-bg:           theme-color("primary") !default;
 // $component-active-border-color: theme-color("primary") !default;
-// 
+
 // $component-hover-color:        $gray-300 !default;
 // $component-hover-bg:           $gray-300 !default;
 // $component-hover-border-color: $gray-300 !default;
-// 
+
 // $caret-width:                 .3em !default;
 
 // $transition-base:             all .15s ease !default;
 // $transition-fade:             opacity .15s linear !default;
 // $transition-collapse:         height .35s ease !default;
 
-
 // Fonts
 @import "gradido-custom/fonts";
+
 // $font-family-sans-serif: Open Sans, sans-serif !default;
 // $font-family-base: $font-family-sans-serif !default;
-// 
+
 // $font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
 // $font-size-xl:                ($font-size-base * 1.5);
 // $font-size-lg:                ($font-size-base * 1.25);
 // $font-size-sm:                ($font-size-base * .875);
 // $font-size-xs:                ($font-size-base * .75);
-// 
+
 // $font-weight-light:           300 !default;
 // $font-weight-normal:          400 !default;
 // $font-weight-bold:            600 !default;
 // $font-weight-extra-bold:      700 !default;
-// 
+
 // $font-weight-base:            $font-weight-normal !default;
 // $line-height-base:            1.5 !default;
 // $shape-height-base:           1.5 !default;
-// 
-// 
+
 // $h1-font-size:                $font-size-base * 1.625 !default;
 // $h2-font-size:                $font-size-base * 1.25 !default;
 // $h3-font-size:                $font-size-base * 1.0625 !default;
 // $h4-font-size:                $font-size-base * .9375 !default;
 // $h5-font-size:                $font-size-base * .8125 !default;
 // $h6-font-size:                $font-size-base * .625 !default;
-// 
-// 
+
 // $headings-margin-bottom:      ($spacer / 2);
 // $headings-font-family:        inherit !default;
 // $headings-font-weight:        $font-weight-bold !default;
 // $headings-line-height:        1.5 !default;
 // $headings-color:              $gray-800 !default;
-// 
+
 // $heading-letter-spacing:      .025em !default;
 // $heading-font-size:           .95rem !default;
 // $heading-text-transform:      uppercase !default;
 // $heading-font-weight:         $headings-font-weight !default;
-// 
+
 // $heading-title-letter-spacing:      .025em !default;
 // $heading-title-font-size:           1.375rem !default;
 // $heading-title-font-weight:         $font-weight-bold !default;
 // $heading-title-text-transform:      uppercase !default;
-// 
+
 // $heading-section-letter-spacing:      .025em !default;
 // $heading-section-font-size:           1.375rem !default;
 // $heading-section-font-weight:         $font-weight-bold !default;
 // $heading-section-text-transform:      uppercase !default;
-// 
+
 // $display1-size:               3.3rem !default;
 // $display2-size:               2.75rem !default;
 // $display3-size:               2.1875rem !default;
 // $display4-size:               1.6275rem !default;
-// 
+
 // $display1-weight:             $font-weight-bold !default;
 // $display2-weight:             $font-weight-bold !default;
 // $display3-weight:             $font-weight-bold !default;
 // $display4-weight:             $font-weight-bold !default;
 // $display-line-height:         $headings-line-height !default;
-// 
+
 // $paragraph-font-size:         1rem !default;
 // $paragraph-font-weight:       300 !default;
 // $paragraph-line-height:       1.7 !default;
-// 
+
 // $lead-font-size:              ($paragraph-font-size * 1.25) !default;
 // $lead-font-weight:            300 !default;
-// 
+
 // $small-font-size:             80% !default;
-// 
+
 // $text-muted:                  $gray-600 !default;
-// 
+
 // $blockquote-small-color:      $gray-600 !default;
 // $blockquote-font-size:        ($font-size-base * 1.25) !default;
-// 
+
 // $hr-border-color:             rgba($black, .1);
 // $hr-border-width:             $border-width !default;
-// 
-// $mark-padding:                .2em !default;
-// 
-// $dt-font-weight:              $font-weight-bold !default;
-// 
-// $list-inline-padding:         .5rem !default;
-// 
-// $mark-bg:                     #fcf8e3 !default;
-// 
-// $hr-margin-y:                 $spacer * 2 !default;
 
+// $mark-padding:                .2em !default;
+
+// $dt-font-weight:              $font-weight-bold !default;
+
+// $list-inline-padding:         .5rem !default;
+
+// $mark-bg:                     #fcf8e3 !default;
+
+// $hr-margin-y:                 $spacer * 2 !default;
 
 // Icons
 @import "gradido-custom/icons";
+
 // $icon-size: 3rem !default;
 // $icon-size-xl: 5rem !default;
 // $icon-size-lg: 4rem !default;
 // $icon-size-sm: 2rem !default;
 
-
 // Tables
 @import "gradido-custom/tables";
+
 // $table-cell-padding:          1rem !default;
 // $table-cell-padding-sm:       .5rem !default;
-// 
+
 // $table-bg:                    transparent !default;
 // $table-accent-bg:             rgba($black, .05) !default;
 // $table-hover-bg:              $gray-100 !default;
 // $table-active-bg:             $table-hover-bg !default;
-// 
+
 // $table-border-width:          $border-width !default;
 // $table-border-color:          $gray-200 !default;
-// 
+
 // $table-head-bg:               $gray-100 !default;
 // $table-head-color:            $gray-600 !default;
 // $table-head-spacer-y:         .75rem !default;
-// 
+
 // $table-head-font-size:        .65rem !default;
 // $table-head-font-weight:      $font-weight-bold !default;
 // $table-head-text-transform:   uppercase !default;
 // $table-head-letter-spacing:   1px !default;
-// 
+
 // $table-body-font-size:        .8125rem !default;
-// 
+
 // $table-dark-bg:               theme-color("default") !default;
 // $table-dark-accent-bg:        rgba($white, .05) !default;
 // $table-dark-hover-bg:         rgba($white, .075) !default;
 // $table-dark-border-color:     lighten(theme-color("default"), 7%) !default;
 // $table-dark-color:            $body-bg !default;
-// 
+
 // $table-dark-head-bg:          lighten(theme-color("default"), 4%) !default;
 // $table-dark-head-color:       lighten(theme-color("default"), 35%) !default;
 
 // Buttons + Forms
 @import "gradido-custom/buttons-forms";
+
 // $input-btn-padding-y:         .625rem !default;
 // $input-btn-padding-x:         .75rem !default;
 // $input-btn-line-height:       $shape-height-base !default;
-// 
+
 // $input-btn-focus-width:       0 !default;
 // $input-btn-focus-color:       rgba($component-active-bg, 1) !default;
 // $input-btn-focus-box-shadow:  none !default;
-// 
+
 // $input-btn-padding-y-sm:      .25rem !default;
 // $input-btn-padding-x-sm:      .5rem !default;
 // $input-btn-line-height-sm:    $shape-height-sm !default;
-// 
+
 // $input-btn-padding-y-lg:      .875rem !default;
 // $input-btn-padding-x-lg:      1rem !default;
 // $input-btn-line-height-lg:    $shape-height-lg !default;
-// 
+
 // $input-btn-border-width:      1px !default;
-// 
+
 // $input-btn-font-size-sm:      .75rem !default;
 // $input-btn-font-size:         .875rem !default;
 // $input-btn-font-size-lg:         .875rem !default;
 
-
 // Buttons
 @import "gradido-custom/buttons";
+
 // $btn-padding-y:               $input-btn-padding-y !default;
 // $btn-padding-x:               $input-btn-padding-x + 0.5 !default;
 // $btn-line-height:             $input-btn-line-height !default;
-// 
+
 // $btn-padding-y-sm:            $input-btn-padding-y-sm !default;
 // $btn-padding-x-sm:            $input-btn-padding-x-sm !default;
 // $btn-line-height-sm:          $input-btn-line-height-sm !default;
-// 
+
 // $btn-padding-y-lg:            $input-btn-padding-y-lg !default;
 // $btn-padding-x-lg:            $input-btn-padding-x-lg !default;
 // $btn-line-height-lg:          $input-btn-line-height-lg !default;
-// 
+
 // $btn-border-width:            $input-btn-border-width !default;
-// 
+
 // $btn-font-weight:             600 !default;
-// 
+
 // $btn-text-transform:          none !default;
-// 
-// 
+
 // $btn-letter-spacing:          .025em !default;
 // $btn-box-shadow:              0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08) !default;
 // $btn-hover-box-shadow:        0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08) !default;
 // $btn-focus-box-shadow:        $btn-hover-box-shadow !default;
 // $btn-focus-width:             $input-btn-focus-width !default;
 // $btn-active-box-shadow:       none !default;
-// 
-// $btn-hover-translate-y:       -1px !default;
 
+// $btn-hover-translate-y:       -1px !default;
 
 // Input
 @import "gradido-custom/input";
+
 // $input-padding-y:                       $input-btn-padding-y !default;
 // $input-padding-x:                       $input-btn-padding-x !default;
 // $input-line-height:                     $input-btn-line-height !default;
-// 
+
 // $input-padding-y-sm:                    $input-btn-padding-y-sm !default;
 // $input-padding-x-sm:                    $input-btn-padding-x-sm !default;
 // $input-line-height-sm:                  $input-btn-line-height-sm !default;
-// 
+
 // $input-padding-y-lg:                    $input-btn-padding-y-lg !default;
 // $input-padding-x-lg:                    $input-btn-padding-x-lg !default;
 // $input-line-height-lg:                  $input-btn-line-height-lg !default;
-// 
+
 // $input-border-radius:                   $border-radius !default;
 // $input-border-radius-xl:                $border-radius-xl !default;
 // $input-border-radius-lg:                $border-radius-lg !default;
 // $input-border-radius-sm:                $border-radius-sm !default;
-// 
+
 // $input-bg:                              $white !default;
 // $input-disabled-bg:                     $gray-200 !default;
-// 
+
 // $input-muted-bg:                        #F7FAFE !default;
 // $input-focus-muted-bg:                  lighten($input-muted-bg, 1%) !default;
 
 // $input-alternative-box-shadow:          0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02) !default;
 // $input-focus-alternative-box-shadow:    0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !default;
-// 
+
 // $input-color:                           $gray-600 !default;
 // $input-border-color:                    #cad1d7 !default;
 // $input-border-width:                    $input-btn-border-width !default;
 // $input-box-shadow:                      none !default; // 0 1px 3px 0 $gray-400 !default;
-// 
+
 // $input-focus-bg:                        $white !default;
 // $input-focus-border-color:              rgba(50,151,211,.25) !default;
 // $input-focus-color:                     $input-color !default;
 // $input-focus-width:                     0 !default;
 // $input-focus-box-shadow:                none !default; //0 1px 3px 0 $gray-500 !default;
-// 
+
 // $input-placeholder-color:               $gray-500 !default;
 // $input-focus-placeholder-color:         $gray-500 !default;
-// 
-// $input-height-border:                   $input-border-width * 2 !default;
-// 
-// $input-transition:                      all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;
 
+// $input-height-border:                   $input-border-width * 2 !default;
+
+// $input-transition:                      all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;
 
 // Input groups
 @import "gradido-custom/input-groups";
+
 // $input-group-addon-color:               $input-placeholder-color !default;
 // $input-group-addon-bg:                  $input-bg !default;
 // $input-group-addon-border-color:        $input-border-color !default;
-// 
+
 // $input-group-addon-focus-color:               $input-focus-color !default;
 // $input-group-addon-focus-bg:                  $input-focus-bg !default;
 // $input-group-addon-focus-border-color:        $input-focus-border-color !default;
 
-
 // Form group
 @import "gradido-custom/form-groups";
-// $form-group-margin-bottom:              1.5rem !default;
 
+// $form-group-margin-bottom:              1.5rem !default;
 
 // Custom forms
 @import "gradido-custom/custom-forms";
+
 // custom-control-gutter:                 1.75rem !default;
 // custom-control-spacer-x:               1rem !default;
 // custom-control-indicator-size:         1.25rem !default;
-// 
+
 // custom-control-indicator-bg:                   $input-bg !default;
 // custom-control-indicator-border-width:         1px !default;
 // custom-control-indicator-border-color:         $input-border-color !default;
 // custom-control-indicator-box-shadow:           none !default;
-// 
+
 // custom-control-indicator-focus-box-shadow:     $custom-control-indicator-box-shadow !default;
-// 
+
 // custom-control-indicator-hover-color:         $component-hover-color !default;
 // custom-control-indicator-hover-bg:            $component-hover-bg !default;
 // custom-control-indicator-hover-border-color:  $component-hover-border-color !default;
-// 
+
 // custom-control-indicator-active-color:         $component-active-color !default;
 // custom-control-indicator-active-bg:            $component-active-bg !default;
 // custom-control-indicator-active-border-color:  $component-active-border-color !default;
 // custom-control-indicator-active-box-shadow:    $custom-control-indicator-box-shadow !default;
-// 
+
 // custom-control-indicator-checked-color:        $component-active-color !default;
 // custom-control-indicator-checked-bg:           $component-active-bg !default;
 // custom-control-indicator-checked-border-color: $component-active-border-color !default;
 // custom-control-indicator-checked-box-shadow:   $custom-control-indicator-box-shadow !default;
 // custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
-// 
+
 // custom-control-indicator-disabled-bg:          $gray-200 !default;
 // custom-control-label-disabled-color:           $gray-600 !default;
-// 
+
 // custom-checkbox-indicator-border-radius:       $border-radius-sm !default;
 // //$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml !default;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
 
 // Custom toggle
 @import "gradido-custom/custom-toogle";
+
 // $custom-toggle-width:           50px !default;
 // $custom-toggle-slider-bg:       $gray-200 !default;
 // $custom-toggle-checked-bg:      theme-color("primary") !default;
 
 // Form validation
 @import "gradido-custom/form-validation";
+
 // $form-feedback-valid-bg:         lighten($success, 15%) !default;
 // $form-feedback-valid-color:      theme-color("success") !default;
 // $form-feedback-invalid-bg:       lighten($warning, 15%) !default;
 // $form-feedback-invalid-color:    theme-color("warning") !default;
 
-
 // Allows for customizing button radius independently from global border radius
 
-$btn-border-radius:           $input-border-radius !default;
-$btn-border-radius-xl:        $input-border-radius-xl !default;
-$btn-border-radius-lg:        $input-border-radius-lg !default;
-$btn-border-radius-sm:        $input-border-radius !default;
-
+$btn-border-radius: $input-border-radius !default;
+$btn-border-radius-xl: $input-border-radius-xl !default;
+$btn-border-radius-lg: $input-border-radius-lg !default;
+$btn-border-radius-sm: $input-border-radius !default;
 
 // Chart
 @import "gradido-custom/chart";
+
 // $chart-height: 350px !default;
 // $chart-height-sm: 230px !default;
-// 
+
 // $chart-legend-margin-top: 2.5rem !default;
 // $chart-legend-font-size: $font-size-sm !default;
 // $chart-legend-color: $text-muted !default;
 // $chart-legend-height: $chart-legend-margin-top + $chart-legend-font-size * $line-height-base !default;
 
-
-
-
 // Map
 @import "gradido-custom/map";
-// $map-height: 500px !default;
 
+// $map-height: 500px !default;
 
 // No UI Slider
 @import "gradido-custom/nouislider";
+
 // $noui-target-bg:                  #eceeef !default;
 // $noui-target-thickness:           5px !default;
 // $noui-target-border-radius:       5px !default;
 // $noui-target-border-color:        0 !default;
 // $noui-target-box-shadow:          inset 0 1px 2px rgba(90,97,105,.1) !default;
-// 
+
 // $noui-slider-connect-bg:          $primary !default;
 // $noui-slider-connect-disabled-bg: #b2b2b2 !default;
-// 
+
 // $noui-handle-width:               15px !default;
 // $noui-handle-bg:                  theme-color("primary") !default;
 // $noui-handle-border:              0 !default;
 // $noui-handle-border-radius:       100% !default;
-// 
-// $noui-origin-border-radius:       2px !default;
 
+// $noui-origin-border-radius:       2px !default;
 
 // Dropdown
 @import "gradido-custom/dropdown";
+
 // $dropdown-bg:                    $white !default;
 // $dropdown-border-width:          0 !default;
 // $dropdown-border-color:          rgba($black, .15) !default;
 // $dropdown-border-radius:         $border-radius-lg !default;
-// $dropdown-box-shadow:            0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1) !default;
-
+// $dropdown-box-shadow:            0 50px 100px rgba(50, 50, 93, .1),
+//   0 15px 35px rgba(50, 50, 93, .15),
+//   0 5px 15px rgba(0, 0, 0, .1) !default;
 
 // Navs
 @import "gradido-custom/navs";
+
 // $nav-link-padding-y:                .25rem !default;
 // $nav-link-padding-x:                .75rem !default;
 // $nav-link-color:                    $gray-700 !default;
 // $nav-link-hover-color:              theme-color("primary") !default;
 // $nav-link-disabled-color:           $gray-600 !default;
-// 
+
 // $nav-pills-padding-y:               .75rem !default;
 // $nav-pills-padding-x:               1rem !default;
-// 
+
 // $nav-pills-space-x:                 1rem !default;
-// 
+
 // $nav-pills-bg:                      $white !default;
 // $nav-pills-border-width:            1px !default;
 // $nav-pills-border-color:            theme-color("primary") !default;
 // $nav-pills-border-radius:           $border-radius !default;
-// 
+
 // $nav-pills-link-color:              theme-color("primary") !default;
 // $nav-pills-link-hover-color:        darken(theme-color("primary"), 5%) !default;
 // $nav-pills-link-active-color:       color-yiq(theme-color("primary")) !default;
@@ -696,25 +690,26 @@ $btn-border-radius-sm:        $input-border-radius !default;
 
 // Navbar
 @import "gradido-custom/navbar";
+
 // $navbar-transition:                 all .15s linear !default;
 // $navbar-padding-y:                  1rem !default;
 // $navbar-padding-x:                  1rem !default;
-// 
+
 // $navbar-nav-link-padding-x:         1rem !default;
 // $navbar-nav-link-padding-y:         1rem !default;
-// 
+
 // $navbar-nav-link-font-size:         .9rem !default;
 // $navbar-nav-link-font-weight:       400 !default;
 // $navbar-nav-link-text-transform:    normal !default;
 // $navbar-nav-link-letter-spacing:    0 !default;
 // $navbar-nav-link-border-radius:     $border-radius !default;
-// 
+
 // $navbar-search-width:               270px !default;
 // $navbar-search-bg:                  transparent !default;
-// 
+
 // $navbar-search-border-radius:       2rem !default;
 // $navbar-search-border-width:        2px !default;
-// 
+
 // $navbar-dark-bg:                    transparent !default;
 // $navbar-dark-hover-bg:              rgba(255, 255, 255, .1) !default;
 // $navbar-dark-active-bg:             rgba(255, 255, 255, .1) !default;
@@ -723,12 +718,12 @@ $btn-border-radius-sm:        $input-border-radius !default;
 // $navbar-dark-active-color:          rgba($white, .65) !default;
 // $navbar-dark-disabled-color:        rgba($white, .25) !default;
 // $navbar-dark-toggler-border-color:  transparent !default;
-// 
+
 // $navbar-search-dark-border-color:   rgba(255, 255, 255, .6) !default;
 // $navbar-search-dark-color:          rgba(255, 255, 255, .6) !default;
 // $navbar-search-dark-focus-border-color: rgba(255, 255, 255, .9) !default;
 // $navbar-search-dark-focus-color:    rgba(255, 255, 255, .9) !default;
-// 
+
 // $navbar-light-bg:                   transparent !default;
 // $navbar-light-hover-bg:             rgba(0, 0, 0, .1) !default;
 // $navbar-light-active-bg:            rgba(0, 0, 0, .1) !default;
@@ -738,77 +733,74 @@ $btn-border-radius-sm:        $input-border-radius !default;
 // $navbar-light-active-color:         rgba($black, .9) !default;
 // $navbar-light-disabled-color:       rgba($black, .3) !default;
 // $navbar-light-toggler-border-color: transparent !default;
-// 
+
 // $navbar-search-light-border-color:  rgba(0, 0, 0, .6) !default;
 // $navbar-search-light-color:          rgba(0, 0, 0, .6) !default;
 // $navbar-search-light-focus-border-color: rgba(0, 0, 0, .9) !default;
 // $navbar-search-light-focus-color:    rgba(0, 0, 0, .9) !default;
 
-
-
 // Vertical navbar
 @import "gradido-custom/vertical-navbar";
+
 // $navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
 // $navbar-vertical-width: 250px !default;
 // $navbar-vertical-padding-x: 1.5rem !default;
 // $navbar-vertical-nav-link-padding-x:  1.5rem !default;
 // $navbar-vertical-nav-link-padding-y:  .65rem !default;
-// 
+
 // $navbar-icon-min-width: 2.25rem !default;
-// 
+
 // $navbar-breadcrumb-padding-y: $nav-link-padding-y !default;
 // $navbar-breadcrumb-padding-x: 0 !default;
-// 
+
 // $navbar-light-bg: $white !default;
 // $navbar-light-border-color: $border-color !default;
 
-
-
-
 // Main content
 @import "gradido-custom/main-content";
+
 // $main-content-padding-y: 40px !default;
 // $main-content-padding-x: 24px !default; // in px to combine with $grid-gutter-width
 
-
 // Alerts
 @import "gradido-custom/alerts";
+
 // $alert-padding-y: 1rem !default;
 // $alert-padding-x: 1.5rem !default;
 // $alert-border-radius: $border-radius !default;
-// 
+
 // $alert-bg-level: -2 !default;
 // $alert-border-level: -2 !default;
 // $alert-color-level: 0 !default;
 
-
 // List group
 @import "gradido-custom/list-group";
+
 // $list-group-bg:                     $white !default;
 // $list-group-border-color:           $border-color !default; //rgba($black, .125);
 // $list-group-border-width:           $border-width !default;
 // $list-group-border-radius:          $border-radius !default;
-// 
+
 // $list-group-item-padding-y:         1rem !default;
 // $list-group-item-padding-x:         1rem !default;
-// 
+
 // $list-group-hover-bg:               $gray-100 !default;
 // $list-group-active-color:           $component-active-color !default;
 // $list-group-active-bg:              $component-active-bg !default;
 // $list-group-active-border-color:    $list-group-active-bg !default;
-// 
+
 // $list-group-disabled-color:         $gray-600 !default;
 // $list-group-disabled-bg:            $list-group-bg !default;
-// 
+
 // $list-group-action-color:           $gray-700 !default;
 // $list-group-action-hover-color:     $list-group-action-color !default;
-// 
+
 // $list-group-action-active-color:    $list-group-action-color !default;
 // $list-group-action-active-bg:       $gray-200 !default;
 
-
 // Close
 @import "gradido-custom/close";
+
 // $close-font-size:                   $font-size-base * 1.5 !default;
 // $close-font-weight:                 $font-weight-bold !default;
 // $close-bg:                          transparent !default;
@@ -817,9 +809,9 @@ $btn-border-radius-sm:        $input-border-radius !default;
 // $close-hover-color:                 rgba(0, 0, 0, .9) !default;
 // $close-text-shadow:                 none !default;
 
-
 // Popovers
 @import "gradido-custom/popovers";
+
 // $popover-font-size:                 $font-size-sm !default;
 // $popover-bg:                        $white !default;
 // $popover-max-width:                 276px !default;
@@ -827,39 +819,40 @@ $btn-border-radius-sm:        $input-border-radius !default;
 // $popover-border-color:              rgba($black, .05) !default;
 // $popover-border-radius:             $border-radius-lg !default;
 // $popover-box-shadow:                0px .5rem 2rem 0px rgba($black, .2) !default;
-// 
+
 // $popover-header-bg:                 $popover-bg !default;
 // $popover-header-color:              $headings-color !default;
 // $popover-header-padding-y:          .5rem !default;
 // $popover-header-padding-x:          .95rem !default;
-// 
+
 // $popover-body-color:                $body-color !default;
 // $popover-body-padding-y:            $popover-header-padding-y !default;
 // $popover-body-padding-x:            $popover-header-padding-x !default;
-// 
+
 // $popover-arrow-width:               1.5rem !default;
 // $popover-arrow-height:              .75rem !default;
 // $popover-arrow-color:               $popover-bg !default;
-// 
-// $popover-arrow-outer-color:         transparent !default;
 
+// $popover-arrow-outer-color:         transparent !default;
 
 // Badges
 @import "gradido-custom/badges";
+
 // $badge-font-size:                   66% !default;
 // $badge-font-weight:                 $font-weight-bold !default;
 // $badge-padding-y:                   .35rem !default;
 // $badge-padding-x:                   .375rem !default;
 // $badge-border-radius:               $border-radius !default;
 // $badge-text-transfom:               uppercase;
-// 
+
 // $badge-pill-padding-x:              .875em !default;
 // $badge-pill-border-radius:          10rem !default;
-// 
+
 // $badge-circle-size:                 2rem !default;
 
 // Pagination
 @import "gradido-custom/pagination";
+
 // // $pagination-padding-y:              .5rem !default;
 // // $pagination-padding-x:              .75rem !default;
 // // $pagination-padding-y-sm:           .25rem !default;
@@ -867,30 +860,30 @@ $btn-border-radius-sm:        $input-border-radius !default;
 // // $pagination-padding-y-lg:           .75rem !default;
 // // $pagination-padding-x-lg:           1.5rem !default;
 // // $pagination-line-height:            1.25 !default;
-// 
+
 // $pagination-color:                  $gray-600 !default;
 // $pagination-bg:                     $white  !default;
 // $pagination-border-width:           $border-width !default;
 // $pagination-border-color:           $gray-300 !default;
-// 
+
 // //$pagination-focus-box-shadow:       $btn-hover-box-shadow !default;
-// 
+
 // $pagination-hover-color:            $gray-600 !default;
 // $pagination-hover-bg:               $gray-300 !default;
 // $pagination-hover-border-color:     $gray-300 !default;
-// 
+
 // $pagination-active-color:           $component-active-color !default;
 // $pagination-active-bg:              $component-active-bg !default;
 // $pagination-active-border-color:    $pagination-active-bg !default;
 // $pagination-active-box-shadow:      $btn-hover-box-shadow !default;
-// 
+
 // $pagination-disabled-color:         $gray-600 !default;
 // $pagination-disabled-bg:            $white !default;
 // $pagination-disabled-border-color:  $gray-300 !default;
 
-
 // Cards
 @import "gradido-custom/cards";
+
 // $card-spacer-y:                     1.25rem !default;
 // $card-spacer-x:                     1.5rem !default;
 // $card-border-width:                 $border-width !default;
@@ -899,12 +892,12 @@ $btn-border-radius-sm:        $input-border-radius !default;
 // $card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
 // $card-cap-bg:                       $white !default;
 // $card-bg:                           $white !default;
-// 
+
 // $card-img-overlay-padding:          1.25rem !default;
-// 
+
 // //$card-group-margin:                 ($grid-gutter-width / 2);
 // //$card-deck-margin:                  $card-group-margin !default;
-// 
+
 // $card-columns-count:                3 !default;
 // $card-columns-gap:                  1.25rem !default;
 // $card-columns-margin:               $card-spacer-y !default;
@@ -915,21 +908,22 @@ $btn-border-radius-sm:        $input-border-radius !default;
 
 // Modals
 @import "gradido-custom/modals";
+
 // $modal-inner-padding:               1.5rem !default;
-// 
+
 // $modal-lg:                          800px !default;
 // $modal-md:                          500px !default;
 // $modal-sm:                          380px !default;
-// 
+
 // $modal-title-line-height:           1.1;
-// 
+
 // $modal-content-bg:                  $white !default;
 // $modal-content-border-color:        rgba($black, .2) !default;
 // $modal-content-border-width:        0 !default;
 // $modal-content-border-radius:       $border-radius-lg !default;
 // $modal-content-box-shadow-xs:       0 15px 35px rgba(50,50,93,.2), 0 5px 15px rgba(0,0,0,.17);
 // $modal-content-box-shadow-sm-up:    0 15px 35px rgba(50,50,93,.2), 0 5px 15px rgba(0,0,0,.17);
-// 
+
 // $modal-backdrop-bg:           $black !default;
 // $modal-backdrop-opacity:      .16 !default;
 // $modal-header-border-color:   $gray-200 !default;
@@ -940,41 +934,40 @@ $btn-border-radius-sm:        $input-border-radius !default;
 
 // Datepicker
 @import "gradido-custom/datepicker";
+
 // $datepicker-border-radius: $card-border-radius !default;
 // $datepicker-dropdown-padding: 20px 22px !default;
-// 
+
 // $datepicker-cell-transition: $transition-base !default;
 // $datepicker-cell-hover-background: lighten($gray-400, 55%);
 // $datepicker-cell-border-radius: 50% !default;
 // $datepicker-cell-width: 36px !default;
 // $datepicker-cell-height: 36px !default;
-// 
+
 // $datepicker-disabled-cell-color: $gray-300 !default;
 // $datepicker-disabled-old-new-color: $gray-500 !default;
-// 
+
 // $datepicker-header-cell-border-radius: $border-radius !default;
-// 
+
 // $datepicker-active-color: $white !default;
 // $datepicker-active-background: theme-color("primary") !default;
 // $datepicker-active-box-shadow:      none !default;
-// 
+
 // $datepicker-range-background: theme-color("primary") !default;
 // $datepicker-range-cell-focused-background: darken($datepicker-range-background, 5%);
 // $datepicker-range-color: $white !default;
 // $datepicker-range-highlighted-bg: $gray-200 !default;
-// 
+
 // $datepicker-dropdown-border: lighten($gray-400, 40%);
 // $datepicker-dropdown-bg: $white !default;
 // $datepicker-highlighted-bg: $datepicker-active-background !default;
 
-
 // Footer
 @import "gradido-custom/footer";
 
 // $footer-padding-y:              2.5rem;
 // $footer-padding-x:              0;
-// 
-// 
+
 // $footer-link-font-size: .85rem !default;
 // $footer-bg: theme-color("secondary") !default;
 // $footer-color: $gray-600 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_alerts.scss b/frontend/src/assets/scss/custom/gradido-custom/_alerts.scss
index ce2659c33..a5d3824cf 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_alerts.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_alerts.scss
@@ -3,8 +3,6 @@
 $alert-padding-y: 1rem !default;
 $alert-padding-x: 1.5rem !default;
 $alert-border-radius: $border-radius !default;
-
 $alert-bg-level: -2 !default;
 $alert-border-level: -2 !default;
 $alert-color-level: 0 !default;
-
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_badges.scss b/frontend/src/assets/scss/custom/gradido-custom/_badges.scss
index 6c2f64fb1..3796a34be 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_badges.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_badges.scss
@@ -1,14 +1,11 @@
-
 // Badges
 
-$badge-font-size:                   66% !default;
-$badge-font-weight:                 $font-weight-bold !default;
-$badge-padding-y:                   .35rem !default;
-$badge-padding-x:                   .375rem !default;
-$badge-border-radius:               $border-radius !default;
-$badge-text-transfom:               uppercase;
-
-$badge-pill-padding-x:              .875em !default;
-$badge-pill-border-radius:          10rem !default;
-
-$badge-circle-size:                 2rem !default;
+$badge-font-size: 66% !default;
+$badge-font-weight: $font-weight-bold !default;
+$badge-padding-y: 0.35rem !default;
+$badge-padding-x: 0.375rem !default;
+$badge-border-radius: $border-radius !default;
+$badge-text-transfom: uppercase;
+$badge-pill-padding-x: 0.875em !default;
+$badge-pill-border-radius: 10rem !default;
+$badge-circle-size: 2rem !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_body.scss b/frontend/src/assets/scss/custom/gradido-custom/_body.scss
index 02f0f4e52..df8f91f5b 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_body.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_body.scss
@@ -1,5 +1,4 @@
 // Body
 
-
 $body-bg: #f8f9fe !default;
 $body-color: $gray-700 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_buttons-forms.scss b/frontend/src/assets/scss/custom/gradido-custom/_buttons-forms.scss
index 5b33bdbfb..92992c070 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_buttons-forms.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_buttons-forms.scss
@@ -1,23 +1,18 @@
 // Buttons + Forms
 
-$input-btn-padding-y:         .625rem !default;
-$input-btn-padding-x:         .75rem !default;
-$input-btn-line-height:       $shape-height-base !default;
-
-$input-btn-focus-width:       0 !default;
-$input-btn-focus-color:       rgba($component-active-bg, 1) !default;
-$input-btn-focus-box-shadow:  none !default;
-
-$input-btn-padding-y-sm:      .25rem !default;
-$input-btn-padding-x-sm:      .5rem !default;
-$input-btn-line-height-sm:    $shape-height-sm !default;
-
-$input-btn-padding-y-lg:      .875rem !default;
-$input-btn-padding-x-lg:      1rem !default;
-$input-btn-line-height-lg:    $shape-height-lg !default;
-
-$input-btn-border-width:      1px !default;
-
-$input-btn-font-size-sm:      .75rem !default;
-$input-btn-font-size:         .875rem !default;
-$input-btn-font-size-lg:         .875rem !default;
+$input-btn-padding-y: 0.625rem !default;
+$input-btn-padding-x: 0.75rem !default;
+$input-btn-line-height: $shape-height-base !default;
+$input-btn-focus-width: 0 !default;
+$input-btn-focus-color: rgba($component-active-bg, 1) !default;
+$input-btn-focus-box-shadow: none !default;
+$input-btn-padding-y-sm: 0.25rem !default;
+$input-btn-padding-x-sm: 0.5rem !default;
+$input-btn-line-height-sm: $shape-height-sm !default;
+$input-btn-padding-y-lg: 0.875rem !default;
+$input-btn-padding-x-lg: 1rem !default;
+$input-btn-line-height-lg: $shape-height-lg !default;
+$input-btn-border-width: 1px !default;
+$input-btn-font-size-sm: 0.75rem !default;
+$input-btn-font-size: 0.875rem !default;
+$input-btn-font-size-lg: 0.875rem !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss b/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss
index 5a2e49e3e..3d16e762d 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss
@@ -1,35 +1,25 @@
 // Buttons
 
-$btn-padding-y:               $input-btn-padding-y !default;
-$btn-padding-x:               $input-btn-padding-x + 0.5 !default;
-$btn-line-height:             $input-btn-line-height !default;
-
-$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
-$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
-$btn-line-height-sm:          $input-btn-line-height-sm !default;
-
-$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
-$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
-$btn-line-height-lg:          $input-btn-line-height-lg !default;
-
-$btn-border-width:            $input-btn-border-width !default;
-
-$btn-font-weight:             600 !default;
-
-$btn-text-transform:          none !default;
-
-
-$btn-letter-spacing:          .025em !default;
-$btn-box-shadow:              0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08) !default;
-$btn-hover-box-shadow:        0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08) !default;
-$btn-focus-box-shadow:        $btn-hover-box-shadow !default;
-$btn-focus-width:             $input-btn-focus-width !default;
-$btn-active-box-shadow:       none !default;
-
-$btn-hover-translate-y:       -1px !default;
-
-
+$btn-padding-y: $input-btn-padding-y !default;
+$btn-padding-x: $input-btn-padding-x + 0.5 !default;
+$btn-line-height: $input-btn-line-height !default;
+$btn-padding-y-sm: $input-btn-padding-y-sm !default;
+$btn-padding-x-sm: $input-btn-padding-x-sm !default;
+$btn-line-height-sm: $input-btn-line-height-sm !default;
+$btn-padding-y-lg: $input-btn-padding-y-lg !default;
+$btn-padding-x-lg: $input-btn-padding-x-lg !default;
+$btn-line-height-lg: $input-btn-line-height-lg !default;
+$btn-border-width: $input-btn-border-width !default;
+$btn-font-weight: 600 !default;
+$btn-text-transform: none !default;
+$btn-letter-spacing: 0.025em !default;
+$btn-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%) !default;
+$btn-hover-box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%) !default;
+$btn-focus-box-shadow: $btn-hover-box-shadow !default;
+$btn-focus-width: $input-btn-focus-width !default;
+$btn-active-box-shadow: none !default;
+$btn-hover-translate-y: -1px !default;
 
 .btn-outline-secondary {
-    color: #4385b1 !important; 
-  }
+  color: #4385b1 !important;
+}
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_cards.scss b/frontend/src/assets/scss/custom/gradido-custom/_cards.scss
index 566031a26..fe112f8b7 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_cards.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_cards.scss
@@ -1,19 +1,18 @@
 // Cards
 
-$card-spacer-y:                     1.25rem !default;
-$card-spacer-x:                     1.5rem !default;
-$card-border-width:                 $border-width !default;
-$card-border-radius:                $border-radius !default;
-$card-border-color:                 rgba($black, .05) !default;
-$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
-$card-cap-bg:                       $white !default;
-$card-bg:                           $white !default;
+$card-spacer-y: 1.25rem !default;
+$card-spacer-x: 1.5rem !default;
+$card-border-width: $border-width !default;
+$card-border-radius: $border-radius !default;
+$card-border-color: rgba($black, 0.05) !default;
+$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
+$card-cap-bg: $white !default;
+$card-bg: $white !default;
+$card-img-overlay-padding: 1.25rem !default;
 
-$card-img-overlay-padding:          1.25rem !default;
+// $card-group-margin:                 ($grid-gutter-width / 2);
+// $card-deck-margin:                  $card-group-margin !default;
 
-//$card-group-margin:                 ($grid-gutter-width / 2);
-//$card-deck-margin:                  $card-group-margin !default;
-
-$card-columns-count:                3 !default;
-$card-columns-gap:                  1.25rem !default;
-$card-columns-margin:               $card-spacer-y !default;
+$card-columns-count: 3 !default;
+$card-columns-gap: 1.25rem !default;
+$card-columns-margin: $card-spacer-y !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_chart.scss b/frontend/src/assets/scss/custom/gradido-custom/_chart.scss
index 0b497e283..95e884d49 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_chart.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_chart.scss
@@ -2,7 +2,6 @@
 
 $chart-height: 350px !default;
 $chart-height-sm: 230px !default;
-
 $chart-legend-margin-top: 2.5rem !default;
 $chart-legend-font-size: $font-size-sm !default;
 $chart-legend-color: $text-muted !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_close.scss b/frontend/src/assets/scss/custom/gradido-custom/_close.scss
index 41870d798..346372aa7 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_close.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_close.scss
@@ -1,9 +1,9 @@
 // Close
 
-$close-font-size:                   $font-size-base * 1.5 !default;
-$close-font-weight:                 $font-weight-bold !default;
-$close-bg:                          transparent !default;
-$close-hover-bg:                    transparent !default;
-$close-color:                       rgba(0, 0, 0, .6) !default !default;
-$close-hover-color:                 rgba(0, 0, 0, .9) !default;
-$close-text-shadow:                 none !default;
\ No newline at end of file
+$close-font-size: $font-size-base * 1.5 !default;
+$close-font-weight: $font-weight-bold !default;
+$close-bg: transparent !default;
+$close-hover-bg: transparent !default;
+$close-color: rgb(0 0 0 / 60%) !default !default;
+$close-hover-color: rgb(0 0 0 / 90%) !default;
+$close-text-shadow: none !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_color.scss b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
index b9749091a..d05706626 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_color.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
@@ -1,8 +1,6 @@
-
-
 // Color system
 
-$white:    #fff !default;
+$white: #fff !default;
 $gray-100: #f6f9fc !default;
 $gray-200: #e9ecef !default;
 $gray-300: #dee2e6 !default;
@@ -12,177 +10,190 @@ $gray-600: #8898aa !default;   // Line footer color
 $gray-700: #525f7f !default;   // Line p color
 $gray-800: #32325d !default;   // Line heading color
 $gray-900: #212529 !default;
-$black:    #000 !default;
-
+$black: #000 !default;
 $grays: () !default;
-$grays: map-merge((
-  "100": $gray-100,
-  "200": $gray-200,
-  "300": $gray-300,
-  "400": $gray-400,
-  "500": $gray-500,
-  "600": $gray-600,
-  "700": $gray-700,
-  "800": $gray-800,
-  "900": $gray-900
-), $grays);
-
-$blue:    #5e72e4 !default;
-$indigo:  #5603ad !default;
-$purple:  #8965e0 !default;
-$pink:    #f3a4b5 !default;
-$red:     #f5365c !default;
-$orange:  #fb6340 !default;
-$yellow:  #ffd600 !default;
-$green:   #2dce89 !default;
-$teal:    #11cdef !default;
-$cyan:    #2bffc6 !default;
-
+$grays: map.merge(
+  (
+    "100": $gray-100,
+    "200": $gray-200,
+    "300": $gray-300,
+    "400": $gray-400,
+    "500": $gray-500,
+    "600": $gray-600,
+    "700": $gray-700,
+    "800": $gray-800,
+    "900": $gray-900
+  ),
+  $grays
+);
+$blue: #5e72e4 !default;
+$indigo: #5603ad !default;
+$purple: #8965e0 !default;
+$pink: #f3a4b5 !default;
+$red: #f5365c !default;
+$orange: #fb6340 !default;
+$yellow: #ffd600 !default;
+$green: #2dce89 !default;
+$teal: #11cdef !default;
+$cyan: #2bffc6 !default;
 $colors: () !default;
-$colors: map-merge((
-  "blue":       $blue,
-  "indigo":     $indigo,
-  "purple":     $purple,
-  "pink":       $pink,
-  "red":        $red,
-  "orange":     $orange,
-  "yellow":     $yellow,
-  "green":      $green,
-  "teal":       $teal,
-  "cyan":       $cyan,
-  "white":      $white,
-  "gray":       $gray-600,
-  "light":      $gray-400,
-  "lighter":    $gray-200,
-  "gray-dark":  $gray-800
-), $colors);
-
-$default:       #172b4d !default;
-$primary:       #5e72e4 !default;
-$secondary:     #f7fafc !default;
-$success:       $green !default;
-$info:          $teal !default;
-$warning:       $orange !default;
-$danger:        $red !default;
-$light:         $gray-500 !default;
-$dark:          $gray-900 !default;
-$darker:        darken($gray-900, 15%) !default;
-
-$facebook:      #3b5999 !default;
-$twitter:       #1da1f2 !default;
-$google-plus:   #dd4b39 !default;
-$instagram:     #e4405f !default;
-$pinterest:     #bd081c !default;
-$youtube:       #cd201f !default;
-$slack:         #3aaf85 !default;
-$dribbble:      #ea4c89 !default;
-$github:        #222222 !default;
-
+$colors: map.merge(
+  (
+    "blue":       $blue,
+    "indigo":     $indigo,
+    "purple":     $purple,
+    "pink":       $pink,
+    "red":        $red,
+    "orange":     $orange,
+    "yellow":     $yellow,
+    "green":      $green,
+    "teal":       $teal,
+    "cyan":       $cyan,
+    "white":      $white,
+    "gray":       $gray-600,
+    "light":      $gray-400,
+    "lighter":    $gray-200,
+    "gray-dark":  $gray-800
+  ),
+  $colors
+);
+$default: #172b4d !default;
+$primary: #5e72e4 !default;
+$secondary: #f7fafc !default;
+$success: $green !default;
+$info: $teal !default;
+$warning: $orange !default;
+$danger: $red !default;
+$light: $gray-500 !default;
+$dark: $gray-900 !default;
+$darker: color.adjust($gray-900, -15%) !default;
+$facebook: #3b5999 !default;
+$twitter: #1da1f2 !default;
+$google-plus: #dd4b39 !default;
+$instagram: #e4405f !default;
+$pinterest: #bd081c !default;
+$youtube: #cd201f !default;
+$slack: #3aaf85 !default;
+$dribbble: #ea4c89 !default;
+$github: #222 !default;
 $theme-colors: () !default;
-$theme-colors: map-merge((
-  "default":      $default,
-  "primary":      $primary,
-  "secondary":    $secondary,
-  "success":      $success,
-  "info":         $info,
-  "warning":      $warning,
-  "danger":       $danger,
-  "white":        $white,
-  "neutral":      $white,
-  "dark":         $dark,
-  "darker":       $darker
-), $theme-colors);
-
+$theme-colors: map.merge(
+  (
+    "default":      $default,
+    "primary":      $primary,
+    "secondary":    $secondary,
+    "success":      $success,
+    "info":         $info,
+    "warning":      $warning,
+    "danger":       $danger,
+    "white":        $white,
+    "neutral":      $white,
+    "dark":         $dark,
+    "darker":       $darker
+  ),
+  $theme-colors
+);
 $brand-colors: () !default;
-$brand-colors: map-merge((
-  "facebook":     $facebook,
-  "twitter":      $twitter,
-  "google-plus":  $google-plus,
-  "instagram":    $instagram,
-  "pinterest":    $pinterest,
-  "youtube":      $youtube,
-  "slack":        $slack,
-  "dribbble":     $dribbble,
-  "github":       $github
-), $brand-colors);
-
+$brand-colors: map.merge(
+  (
+    "facebook":     $facebook,
+    "twitter":      $twitter,
+    "google-plus":  $google-plus,
+    "instagram":    $instagram,
+    "pinterest":    $pinterest,
+    "youtube":      $youtube,
+    "slack":        $slack,
+    "dribbble":     $dribbble,
+    "github":       $github
+  ),
+  $brand-colors
+);
 $shape-colors: () !default;
-$shape-colors: map-merge((
-  "default":      #32325d,
-  "primary":      #5533ff,
-  "secondary":    #24b47e,
-  "neutral":      #e9ecef,
-  "blue-gray":    #b2cbe1,
-
-), $shape-colors);
-
+$shape-colors: map.merge(
+  (
+    "default":      #32325d,
+    "primary":      #53f,
+    "secondary":    #24b47e,
+    "neutral":      #e9ecef,
+    "blue-gray":    #b2cbe1,
+  ),
+  $shape-colors
+);
 $shapes-primary-colors: () !default;
-$shapes-primary-colors: map-merge((
-  "step-1-gradient-bg":         #281483,
-  "step-2-gradient-bg":         #8f6ed5,
-  "step-3-gradient-bg":         #d782d9,
-  "span-1-bg":                  #53f,
-  "span-2-bg":                  #4553ff,
-  "span-3-bg":                  #4f40ff,
-  "span-4-bg":                  #25ddf5,
-  "span-5-bg":                  #1fa2ff
-), $shapes-primary-colors);
-
+$shapes-primary-colors: map.merge(
+  (
+    "step-1-gradient-bg":         #281483,
+    "step-2-gradient-bg":         #8f6ed5,
+    "step-3-gradient-bg":         #d782d9,
+    "span-1-bg":                  #53f,
+    "span-2-bg":                  #4553ff,
+    "span-3-bg":                  #4f40ff,
+    "span-4-bg":                  #25ddf5,
+    "span-5-bg":                  #1fa2ff
+  ),
+  $shapes-primary-colors
+);
 $shapes-default-colors: () !default;
-$shapes-default-colors: map-merge((
-  "step-1-gradient-bg":         #7795f8,
-  "step-2-gradient-bg":         #6772e5,
-  "step-3-gradient-bg":         #555abf,
-  "span-1-bg":                  #7795f8,
-  "span-2-bg":                  #7b9aff,
-  "span-3-bg":                  #6f8ff8,
-  "span-4-bg":                  #76eea7,
-  "span-5-bg":                  #6adaff
-), $shapes-default-colors);
-
+$shapes-default-colors: map.merge(
+  (
+    "step-1-gradient-bg":         #7795f8,
+    "step-2-gradient-bg":         #6772e5,
+    "step-3-gradient-bg":         #555abf,
+    "span-1-bg":                  #7795f8,
+    "span-2-bg":                  #7b9aff,
+    "span-3-bg":                  #6f8ff8,
+    "span-4-bg":                  #76eea7,
+    "span-5-bg":                  #6adaff
+  ),
+  $shapes-default-colors
+);
 $shapes-light-colors: () !default;
-$shapes-light-colors: map-merge((
-  "step-1-gradient-bg":         #b2cbe1,
-  "step-2-gradient-bg":         #f6f9fc,
-  "step-3-gradient-bg":         #f6f9fc,
-  "span-1-bg":                  #b4cce1,
-  "span-2-bg":                  #c5dbef,
-  "span-3-bg":                  #b9d5ed,
-  "span-4-bg":                  #74e4a2,
-  "span-5-bg":                  #008169
-), $shapes-light-colors);
-
+$shapes-light-colors: map.merge(
+  (
+    "step-1-gradient-bg":         #b2cbe1,
+    "step-2-gradient-bg":         #f6f9fc,
+    "step-3-gradient-bg":         #f6f9fc,
+    "span-1-bg":                  #b4cce1,
+    "span-2-bg":                  #c5dbef,
+    "span-3-bg":                  #b9d5ed,
+    "span-4-bg":                  #74e4a2,
+    "span-5-bg":                  #008169
+  ),
+  $shapes-light-colors
+);
 $shapes-dark-colors: () !default;
-$shapes-dark-colors: map-merge((
-  "step-1-gradient-bg":         #32325d,
-  "step-2-gradient-bg":         #32325d,
-  "step-3-gradient-bg":         #32325d,
-  "span-1-bg":                  #2e2e57,
-  "span-2-bg":                  #2b2b58,
-  "span-3-bg":                  #25254d,
-  "span-4-bg":                  #d782d9,
-  "span-5-bg":                  #008169
-), $shapes-dark-colors);
-
+$shapes-dark-colors: map.merge(
+  (
+    "step-1-gradient-bg":         #32325d,
+    "step-2-gradient-bg":         #32325d,
+    "step-3-gradient-bg":         #32325d,
+    "span-1-bg":                  #2e2e57,
+    "span-2-bg":                  #2b2b58,
+    "span-3-bg":                  #25254d,
+    "span-4-bg":                  #d782d9,
+    "span-5-bg":                  #008169
+  ),
+  $shapes-dark-colors
+);
 
 // Translucent color variations
-$translucent-color-opacity: .6 !default;
+$translucent-color-opacity: 0.6 !default;
 
 // Set a specific jump point for requesting color jumps
-$theme-color-interval:      8% !default;
+$theme-color-interval: 8% !default;
 
-// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
-$yiq-contrasted-threshold:  200 !default;
+// The yiq lightness value that determines when the lightness of color changes
+// from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold: 200 !default;
 
 // Customize the light and dark text colors for use in our YIQ color contrast function.
-$yiq-text-dark:             $gray-900 !default;
-$yiq-text-light:            $white !default;
+$yiq-text-dark: $gray-900 !default;
+$yiq-text-light: $white !default;
 
 // Action colors
 
 $star-rating-color: $gray-400 !default;
 $star-rating-color-active: $yellow !default;
-
 $favorite-color: $yellow !default;
 $like-color: $blue !default;
 $love-color: $red !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_components.scss b/frontend/src/assets/scss/custom/gradido-custom/_components.scss
index a670f3bcf..400fc0647 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_components.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_components.scss
@@ -1,31 +1,24 @@
 // Components
 
-$shape-height-xl:              1.5 !default;
-$shape-height-lg:              1.5 !default;
-$shape-height-sm:              1.5 !default;
-
-$border-width:                1px !default;
-$border-color:                $gray-200 !default;
-
-$border-radius:               .375rem !default;
-$border-radius-xl:            .5rem !default;
-$border-radius-lg:            .4375rem !default;
-$border-radius-sm:            .25rem !default;
-
-$box-shadow-sm:               0 0 .5rem rgba($gray-600, .075) !default;
-$box-shadow:                  0 0 2rem 0 rgba($gray-600, .15) !default;
-$box-shadow-lg:               0 0 3rem rgba($gray-600, .175) !default;
-
-$component-active-color:        $white !default;
-$component-active-bg:           theme-color("primary") !default;
+$shape-height-xl: 1.5 !default;
+$shape-height-lg: 1.5 !default;
+$shape-height-sm: 1.5 !default;
+$border-width: 1px !default;
+$border-color: $gray-200 !default;
+$border-radius: 0.375rem !default;
+$border-radius-xl: 0.5rem !default;
+$border-radius-lg: 0.4375rem !default;
+$border-radius-sm: 0.25rem !default;
+$box-shadow-sm: 0 0 0.5rem rgba($gray-600, 0.075) !default;
+$box-shadow: 0 0 2rem 0 rgba($gray-600, 0.15) !default;
+$box-shadow-lg: 0 0 3rem rgba($gray-600, 0.175) !default;
+$component-active-color: $white !default;
+$component-active-bg: theme-color("primary") !default;
 $component-active-border-color: theme-color("primary") !default;
-
-$component-hover-color:        $gray-300 !default;
-$component-hover-bg:           $gray-300 !default;
+$component-hover-color: $gray-300 !default;
+$component-hover-bg: $gray-300 !default;
 $component-hover-border-color: $gray-300 !default;
-
-$caret-width:                 .3em !default;
-
-$transition-base:             all .15s ease !default;
-$transition-fade:             opacity .15s linear !default;
-$transition-collapse:         height .35s ease !default;
+$caret-width: 0.3em !default;
+$transition-base: all 0.15s ease !default;
+$transition-fade: opacity 0.15s linear !default;
+$transition-collapse: height 0.35s ease !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss b/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
index 4c9fb9ff5..b0e686782 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
@@ -1,33 +1,27 @@
 // Custom forms
 
-$custom-control-gutter:                 1.75rem !default;
-$custom-control-spacer-x:               1rem !default;
-$custom-control-indicator-size:         1.25rem !default;
-
-$custom-control-indicator-bg:                   $input-bg !default;
-$custom-control-indicator-border-width:         1px !default;
-$custom-control-indicator-border-color:         $input-border-color !default;
-$custom-control-indicator-box-shadow:           none !default;
-
-$custom-control-indicator-focus-box-shadow:     $custom-control-indicator-box-shadow !default;
-
-$custom-control-indicator-hover-color:         $component-hover-color !default;
-$custom-control-indicator-hover-bg:            $component-hover-bg !default;
-$custom-control-indicator-hover-border-color:  $component-hover-border-color !default;
-
-$custom-control-indicator-active-color:         $component-active-color !default;
-$custom-control-indicator-active-bg:            $component-active-bg !default;
-$custom-control-indicator-active-border-color:  $component-active-border-color !default;
-$custom-control-indicator-active-box-shadow:    $custom-control-indicator-box-shadow !default;
-
-$custom-control-indicator-checked-color:        $component-active-color !default;
-$custom-control-indicator-checked-bg:           $component-active-bg !default;
+$custom-control-gutter: 1.75rem !default;
+$custom-control-spacer-x: 1rem !default;
+$custom-control-indicator-size: 1.25rem !default;
+$custom-control-indicator-bg: $input-bg !default;
+$custom-control-indicator-border-width: 1px !default;
+$custom-control-indicator-border-color: $input-border-color !default;
+$custom-control-indicator-box-shadow: none !default;
+$custom-control-indicator-focus-box-shadow: $custom-control-indicator-box-shadow !default;
+$custom-control-indicator-hover-color: $component-hover-color !default;
+$custom-control-indicator-hover-bg: $component-hover-bg !default;
+$custom-control-indicator-hover-border-color: $component-hover-border-color !default;
+$custom-control-indicator-active-color: $component-active-color !default;
+$custom-control-indicator-active-bg: $component-active-bg !default;
+$custom-control-indicator-active-border-color: $component-active-border-color !default;
+$custom-control-indicator-active-box-shadow: $custom-control-indicator-box-shadow !default;
+$custom-control-indicator-checked-color: $component-active-color !default;
+$custom-control-indicator-checked-bg: $component-active-bg !default;
 $custom-control-indicator-checked-border-color: $component-active-border-color !default;
-$custom-control-indicator-checked-box-shadow:   $custom-control-indicator-box-shadow !default;
-$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
+$custom-control-indicator-checked-box-shadow: $custom-control-indicator-box-shadow !default;
+$custom-control-indicator-checked-disabled-bg: rgb(theme-color("primary") 0.5) !default;
+$custom-control-indicator-disabled-bg: $gray-200 !default;
+$custom-control-label-disabled-color: $gray-600 !default;
+$custom-checkbox-indicator-border-radius: $border-radius-sm !default;
 
-$custom-control-indicator-disabled-bg:          $gray-200 !default;
-$custom-control-label-disabled-color:           $gray-600 !default;
-
-$custom-checkbox-indicator-border-radius:       $border-radius-sm !default;
-//$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml !default;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
+// $custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml !default;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_custom-toogle.scss b/frontend/src/assets/scss/custom/gradido-custom/_custom-toogle.scss
index 578e2e4e0..ddf88c14c 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_custom-toogle.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_custom-toogle.scss
@@ -1,5 +1,5 @@
 // Custom toggle
 
-$custom-toggle-width:           50px !default;
-$custom-toggle-slider-bg:       $gray-200 !default;
-$custom-toggle-checked-bg:      theme-color("primary") !default;
+$custom-toggle-width: 50px !default;
+$custom-toggle-slider-bg: $gray-200 !default;
+$custom-toggle-checked-bg: theme-color("primary") !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
index e4662636d..27aae2503 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
@@ -2,27 +2,21 @@
 
 $datepicker-border-radius: $card-border-radius !default;
 $datepicker-dropdown-padding: 20px 22px !default;
-
 $datepicker-cell-transition: $transition-base !default;
-$datepicker-cell-hover-background: lighten($gray-400, 55%);
+$datepicker-cell-hover-background: color.adjust($gray-400, 55%);
 $datepicker-cell-border-radius: 50% !default;
 $datepicker-cell-width: 36px !default;
 $datepicker-cell-height: 36px !default;
-
 $datepicker-disabled-cell-color: $gray-300 !default;
 $datepicker-disabled-old-new-color: $gray-500 !default;
-
 $datepicker-header-cell-border-radius: $border-radius !default;
-
 $datepicker-active-color: $white !default;
 $datepicker-active-background: theme-color("primary") !default;
-$datepicker-active-box-shadow:      none !default;
-
+$datepicker-active-box-shadow: none !default;
 $datepicker-range-background: theme-color("primary") !default;
-$datepicker-range-cell-focused-background: darken($datepicker-range-background, 5%);
+$datepicker-range-cell-focused-background: color.adjust($datepicker-range-background, -5%);
 $datepicker-range-color: $white !default;
 $datepicker-range-highlighted-bg: $gray-200 !default;
-
-$datepicker-dropdown-border: lighten($gray-400, 40%);
+$datepicker-dropdown-border: color.adjust($gray-400, 40%);
 $datepicker-dropdown-bg: $white !default;
 $datepicker-highlighted-bg: $datepicker-active-background !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_dropdown.scss b/frontend/src/assets/scss/custom/gradido-custom/_dropdown.scss
index f26ac8c00..e699f20df 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_dropdown.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_dropdown.scss
@@ -1,7 +1,9 @@
 // Dropdown
 
-$dropdown-bg:                    $white !default;
-$dropdown-border-width:          0 !default;
-$dropdown-border-color:          rgba($black, .15) !default;
-$dropdown-border-radius:         $border-radius-lg !default;
-$dropdown-box-shadow:            0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1) !default;
+$dropdown-bg: $white !default;
+$dropdown-border-width: 0 !default;
+$dropdown-border-color: rgba($black, 0.15) !default;
+$dropdown-border-radius: $border-radius-lg !default;
+$dropdown-box-shadow: 0 50px 100px rgb(50 50 93 / 10%),
+  0 15px 35px rgb(50 50 93 / 15%),
+  0 5px 15px rgb(0 0 0 / 10%) !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss b/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
index b9c2bf82a..473902364 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
@@ -1,88 +1,64 @@
-
 // Fonts
 
-$font-family-sans-serif: Open Sans, sans-serif !default;
+$font-family-sans-serif: open sans, sans-serif !default;
 $font-family-base: $font-family-sans-serif !default;
-
-$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
-$font-size-xl:                ($font-size-base * 1.5);
-$font-size-lg:                ($font-size-base * 1.25);
-$font-size-sm:                ($font-size-base * .875);
-$font-size-xs:                ($font-size-base * .75);
-
-$font-weight-light:           300 !default;
-$font-weight-normal:          400 !default;
-$font-weight-bold:            600 !default;
-$font-weight-extra-bold:      700 !default;
-
-$font-weight-base:            $font-weight-normal !default;
-$line-height-base:            1.5 !default;
-$shape-height-base:           1.5 !default;
-
-
-$h1-font-size:                $font-size-base * 1.625 !default;
-$h2-font-size:                $font-size-base * 1.25 !default;
-$h3-font-size:                $font-size-base * 1.0625 !default;
-$h4-font-size:                $font-size-base * .9375 !default;
-$h5-font-size:                $font-size-base * .8125 !default;
-$h6-font-size:                $font-size-base * .625 !default;
-
-
-$headings-margin-bottom:      ($spacer / 2);
-$headings-font-family:        inherit !default;
-$headings-font-weight:        $font-weight-bold !default;
-$headings-line-height:        1.5 !default;
-$headings-color:              $gray-800 !default;
-
-$heading-letter-spacing:      .025em !default;
-$heading-font-size:           .95rem !default;
-$heading-text-transform:      uppercase !default;
-$heading-font-weight:         $headings-font-weight !default;
-
-$heading-title-letter-spacing:      .025em !default;
-$heading-title-font-size:           1.375rem !default;
-$heading-title-font-weight:         $font-weight-bold !default;
-$heading-title-text-transform:      uppercase !default;
-
-$heading-section-letter-spacing:      .025em !default;
-$heading-section-font-size:           1.375rem !default;
-$heading-section-font-weight:         $font-weight-bold !default;
-$heading-section-text-transform:      uppercase !default;
-
-$display1-size:               3.3rem !default;
-$display2-size:               2.75rem !default;
-$display3-size:               2.1875rem !default;
-$display4-size:               1.6275rem !default;
-
-$display1-weight:             $font-weight-bold !default;
-$display2-weight:             $font-weight-bold !default;
-$display3-weight:             $font-weight-bold !default;
-$display4-weight:             $font-weight-bold !default;
-$display-line-height:         $headings-line-height !default;
-
-$paragraph-font-size:         1rem !default;
-$paragraph-font-weight:       300 !default;
-$paragraph-line-height:       1.7 !default;
-
-$lead-font-size:              ($paragraph-font-size * 1.25) !default;
-$lead-font-weight:            300 !default;
-
-$small-font-size:             80% !default;
-
-$text-muted:                  $gray-600 !default;
-
-$blockquote-small-color:      $gray-600 !default;
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-
-$hr-border-color:             rgba($black, .1);
-$hr-border-width:             $border-width !default;
-
-$mark-padding:                .2em !default;
-
-$dt-font-weight:              $font-weight-bold !default;
-
-$list-inline-padding:         .5rem !default;
-
-$mark-bg:                     #fcf8e3 !default;
-
-$hr-margin-y:                 $spacer * 2 !default;
+$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
+$font-size-xl: ($font-size-base * 1.5);
+$font-size-lg: ($font-size-base * 1.25);
+$font-size-sm: ($font-size-base * 0.875);
+$font-size-xs: ($font-size-base * 0.75);
+$font-weight-light: 300 !default;
+$font-weight-normal: 400 !default;
+$font-weight-bold: 600 !default;
+$font-weight-extra-bold: 700 !default;
+$font-weight-base: $font-weight-normal !default;
+$line-height-base: 1.5 !default;
+$shape-height-base: 1.5 !default;
+$h1-font-size: $font-size-base * 1.625 !default;
+$h2-font-size: $font-size-base * 1.25 !default;
+$h3-font-size: $font-size-base * 1.0625 !default;
+$h4-font-size: $font-size-base * 0.9375 !default;
+$h5-font-size: $font-size-base * 0.8125 !default;
+$h6-font-size: $font-size-base * 0.625 !default;
+$headings-margin-bottom: ($spacer / 2);
+$headings-font-family: inherit !default;
+$headings-font-weight: $font-weight-bold !default;
+$headings-line-height: 1.5 !default;
+$headings-color: $gray-800 !default;
+$heading-letter-spacing: 0.025em !default;
+$heading-font-size: 0.95rem !default;
+$heading-text-transform: uppercase !default;
+$heading-font-weight: $headings-font-weight !default;
+$heading-title-letter-spacing: 0.025em !default;
+$heading-title-font-size: 1.375rem !default;
+$heading-title-font-weight: $font-weight-bold !default;
+$heading-title-text-transform: uppercase !default;
+$heading-section-letter-spacing: 0.025em !default;
+$heading-section-font-size: 1.375rem !default;
+$heading-section-font-weight: $font-weight-bold !default;
+$heading-section-text-transform: uppercase !default;
+$display1-size: 3.3rem !default;
+$display2-size: 2.75rem !default;
+$display3-size: 2.1875rem !default;
+$display4-size: 1.6275rem !default;
+$display1-weight: $font-weight-bold !default;
+$display2-weight: $font-weight-bold !default;
+$display3-weight: $font-weight-bold !default;
+$display4-weight: $font-weight-bold !default;
+$display-line-height: $headings-line-height !default;
+$paragraph-font-size: 1rem !default;
+$paragraph-font-weight: 300 !default;
+$paragraph-line-height: 1.7 !default;
+$lead-font-size: ($paragraph-font-size * 1.25) !default;
+$lead-font-weight: 300 !default;
+$small-font-size: 80% !default;
+$text-muted: $gray-600 !default;
+$blockquote-small-color: $gray-600 !default;
+$blockquote-font-size: ($font-size-base * 1.25) !default;
+$hr-border-color: rgba($black, 0.1);
+$hr-border-width: $border-width !default;
+$mark-padding: 0.2em !default;
+$dt-font-weight: $font-weight-bold !default;
+$list-inline-padding: 0.5rem !default;
+$mark-bg: #fcf8e3 !default;
+$hr-margin-y: $spacer * 2 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_footer.scss b/frontend/src/assets/scss/custom/gradido-custom/_footer.scss
index 50bc8fecb..8cc541f2e 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_footer.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_footer.scss
@@ -1,13 +1,11 @@
 // Footer
 
-$footer-padding-y:              2.5rem;
-$footer-padding-x:              0;
-
-
-$footer-link-font-size: .85rem !default;
+$footer-padding-y: 2.5rem;
+$footer-padding-x: 0;
+$footer-link-font-size: 0.85rem !default;
 $footer-bg: theme-color("secondary") !default;
 $footer-color: $gray-600 !default;
 $footer-link-color: $gray-600 !default;
 $footer-link-hover-color: $gray-700 !default;
 $footer-heading-color: $gray-600 !default;
-$footer-heading-font-size: $font-size-sm !default;
\ No newline at end of file
+$footer-heading-font-size: $font-size-sm !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_form-groups.scss b/frontend/src/assets/scss/custom/gradido-custom/_form-groups.scss
index 88bbfef4a..e367b97a5 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_form-groups.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_form-groups.scss
@@ -1,3 +1,3 @@
 // Form group
 
-$form-group-margin-bottom:              1.5rem !default;
+$form-group-margin-bottom: 1.5rem !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
index 644b49b9f..935481fb8 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
@@ -1,6 +1,6 @@
 // Form validation
 
-$form-feedback-valid-bg:         lighten($success, 15%) !default;
-$form-feedback-valid-color:      theme-color("success") !default;
-$form-feedback-invalid-bg:       lighten($warning, 15%) !default;
-$form-feedback-invalid-color:    theme-color("warning") !default;
+$form-feedback-valid-bg: color.adjust($success, 15%) !default;
+$form-feedback-valid-color: theme-color("success") !default;
+$form-feedback-invalid-bg: color.adjust($warning, 15%) !default;
+$form-feedback-invalid-color: theme-color("warning") !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_forms.scss b/frontend/src/assets/scss/custom/gradido-custom/_forms.scss
index e69de29bb..8b1a39374 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_forms.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_forms.scss
@@ -0,0 +1 @@
+// empty
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_global.scss b/frontend/src/assets/scss/custom/gradido-custom/_global.scss
index 14961b56a..f4f787be6 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_global.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_global.scss
@@ -1,11 +1,9 @@
-
 // Global settings
 
-$enable-caret:              true !default;
-$enable-rounded:            true !default;
-$enable-shadows:            true !default;
-$enable-gradients:          false !default;
-$enable-transitions:        true !default;
-$enable-grid-classes:       true !default;
-$enable-print-styles:       true !default;
-
+$enable-caret: true !default;
+$enable-rounded: true !default;
+$enable-shadows: true !default;
+$enable-gradients: false !default;
+$enable-transitions: true !default;
+$enable-grid-classes: true !default;
+$enable-print-styles: true !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss b/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss
index 499e672a5..af4296cf6 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss
@@ -11,7 +11,6 @@ $grid-breakpoints: (
 @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
 @include _assert-starts-at-zero($grid-breakpoints);
 
-
 // Grid containers
-//
+
 // Define the maximum width of `.container` for different screen sizes.
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_icons.scss b/frontend/src/assets/scss/custom/gradido-custom/_icons.scss
index b4b520996..f20490d59 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_icons.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_icons.scss
@@ -1,7 +1,6 @@
-
 // Icons
 
 $icon-size: 3rem !default;
 $icon-size-xl: 5rem !default;
 $icon-size-lg: 4rem !default;
-$icon-size-sm: 2rem !default;
\ No newline at end of file
+$icon-size-sm: 2rem !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_input-groups.scss b/frontend/src/assets/scss/custom/gradido-custom/_input-groups.scss
index 7824bae28..66add56f5 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_input-groups.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_input-groups.scss
@@ -1,9 +1,8 @@
 // Input groups
 
-$input-group-addon-color:               $input-placeholder-color !default;
-$input-group-addon-bg:                  $input-bg !default;
-$input-group-addon-border-color:        $input-border-color !default;
-
-$input-group-addon-focus-color:               $input-focus-color !default;
-$input-group-addon-focus-bg:                  $input-focus-bg !default;
-$input-group-addon-focus-border-color:        $input-focus-border-color !default;
+$input-group-addon-color: $input-placeholder-color !default;
+$input-group-addon-bg: $input-bg !default;
+$input-group-addon-border-color: $input-border-color !default;
+$input-group-addon-focus-color: $input-focus-color !default;
+$input-group-addon-focus-bg: $input-focus-bg !default;
+$input-group-addon-focus-border-color: $input-focus-border-color !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_input.scss b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
index c3320ccc7..339a4ace2 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_input.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
@@ -1,45 +1,36 @@
 // Input
 
-$input-padding-y:                       $input-btn-padding-y !default;
-$input-padding-x:                       $input-btn-padding-x !default;
-$input-line-height:                     $input-btn-line-height !default;
+$input-padding-y: $input-btn-padding-y !default;
+$input-padding-x: $input-btn-padding-x !default;
+$input-line-height: $input-btn-line-height !default;
+$input-padding-y-sm: $input-btn-padding-y-sm !default;
+$input-padding-x-sm: $input-btn-padding-x-sm !default;
+$input-line-height-sm: $input-btn-line-height-sm !default;
+$input-padding-y-lg: $input-btn-padding-y-lg !default;
+$input-padding-x-lg: $input-btn-padding-x-lg !default;
+$input-line-height-lg: $input-btn-line-height-lg !default;
+$input-border-radius: $border-radius !default;
+$input-border-radius-xl: $border-radius-xl !default;
+$input-border-radius-lg: $border-radius-lg !default;
+$input-border-radius-sm: $border-radius-sm !default;
+$input-bg: $white !default;
+$input-disabled-bg: $gray-200 !default;
+$input-muted-bg: #f7fafe !default;
+$input-focus-muted-bg: color.adjust($input-muted-bg, 1%) !default;
+$input-alternative-box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%) !default;
+$input-focus-alternative-box-shadow: 0 4px 6px rgb(50 50 93 / 11%),0 1px 3px rgb(0 0 0 / 8%) !default;
+$input-color: $gray-600 !default;
+$input-border-color: #cad1d7 !default;
+$input-border-width: $input-btn-border-width !default;
+$input-box-shadow: none !default; // 0 1px 3px 0 $gray-400 !default;
 
-$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
-$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
-$input-line-height-sm:                  $input-btn-line-height-sm !default;
+$input-focus-bg: $white !default;
+$input-focus-border-color: rgb(50 151 211 / 25%) !default;
+$input-focus-color: $input-color !default;
+$input-focus-width: 0 !default;
+$input-focus-box-shadow: none !default; // 0 1px 3px 0 $gray-500 !default;
 
-$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
-$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
-$input-line-height-lg:                  $input-btn-line-height-lg !default;
-
-$input-border-radius:                   $border-radius !default;
-$input-border-radius-xl:                $border-radius-xl !default;
-$input-border-radius-lg:                $border-radius-lg !default;
-$input-border-radius-sm:                $border-radius-sm !default;
-
-$input-bg:                              $white !default;
-$input-disabled-bg:                     $gray-200 !default;
-
-$input-muted-bg:                        #F7FAFE !default;
-$input-focus-muted-bg:                  lighten($input-muted-bg, 1%) !default;
-
-$input-alternative-box-shadow:          0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02) !default;
-$input-focus-alternative-box-shadow:    0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !default;
-
-$input-color:                           $gray-600 !default;
-$input-border-color:                    #cad1d7 !default;
-$input-border-width:                    $input-btn-border-width !default;
-$input-box-shadow:                      none !default; // 0 1px 3px 0 $gray-400 !default;
-
-$input-focus-bg:                        $white !default;
-$input-focus-border-color:              rgba(50,151,211,.25) !default;
-$input-focus-color:                     $input-color !default;
-$input-focus-width:                     0 !default;
-$input-focus-box-shadow:                none !default; //0 1px 3px 0 $gray-500 !default;
-
-$input-placeholder-color:               $gray-500 !default;
-$input-focus-placeholder-color:         $gray-500 !default;
-
-$input-height-border:                   $input-border-width * 2 !default;
-
-$input-transition:                      all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;
+$input-placeholder-color: $gray-500 !default;
+$input-focus-placeholder-color: $gray-500 !default;
+$input-height-border: $input-border-width * 2 !default;
+$input-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_links.scss b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
index 3cdd10dad..ef6988b27 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_links.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
@@ -1,6 +1,6 @@
 // Links
 
-$link-color:                $primary !default;
-$link-decoration:           none !default;
-$link-hover-color:          darken($link-color, 15%) !default;
-$link-hover-decoration:     none !default;
\ No newline at end of file
+$link-color: $primary !default;
+$link-decoration: none !default;
+$link-hover-color: color.adjust($link-color, -15%) !default;
+$link-hover-decoration: none !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_list-group.scss b/frontend/src/assets/scss/custom/gradido-custom/_list-group.scss
index 0109d4644..647570cb1 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_list-group.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_list-group.scss
@@ -1,23 +1,18 @@
 // List group
 
-$list-group-bg:                     $white !default;
-$list-group-border-color:           $border-color !default; //rgba($black, .125);
-$list-group-border-width:           $border-width !default;
-$list-group-border-radius:          $border-radius !default;
-
-$list-group-item-padding-y:         1rem !default;
-$list-group-item-padding-x:         1rem !default;
-
-$list-group-hover-bg:               $gray-100 !default;
-$list-group-active-color:           $component-active-color !default;
-$list-group-active-bg:              $component-active-bg !default;
-$list-group-active-border-color:    $list-group-active-bg !default;
-
-$list-group-disabled-color:         $gray-600 !default;
-$list-group-disabled-bg:            $list-group-bg !default;
-
-$list-group-action-color:           $gray-700 !default;
-$list-group-action-hover-color:     $list-group-action-color !default;
-
-$list-group-action-active-color:    $list-group-action-color !default;
-$list-group-action-active-bg:       $gray-200 !default;
+$list-group-bg: $white !default;
+$list-group-border-color: $border-color !default; // rgba($black, .125);
+$list-group-border-width: $border-width !default;
+$list-group-border-radius: $border-radius !default;
+$list-group-item-padding-y: 1rem !default;
+$list-group-item-padding-x: 1rem !default;
+$list-group-hover-bg: $gray-100 !default;
+$list-group-active-color: $component-active-color !default;
+$list-group-active-bg: $component-active-bg !default;
+$list-group-active-border-color: $list-group-active-bg !default;
+$list-group-disabled-color: $gray-600 !default;
+$list-group-disabled-bg: $list-group-bg !default;
+$list-group-action-color: $gray-700 !default;
+$list-group-action-hover-color: $list-group-action-color !default;
+$list-group-action-active-color: $list-group-action-color !default;
+$list-group-action-active-bg: $gray-200 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_modals.scss b/frontend/src/assets/scss/custom/gradido-custom/_modals.scss
index 3ef72f5bc..a372d586d 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_modals.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_modals.scss
@@ -1,24 +1,20 @@
 // Modals
 
-$modal-inner-padding:               1.5rem !default;
-
-$modal-lg:                          800px !default;
-$modal-md:                          500px !default;
-$modal-sm:                          380px !default;
-
-$modal-title-line-height:           1.1;
-
-$modal-content-bg:                  $white !default;
-$modal-content-border-color:        rgba($black, .2) !default;
-$modal-content-border-width:        0 !default;
-$modal-content-border-radius:       $border-radius-lg !default;
-$modal-content-box-shadow-xs:       0 15px 35px rgba(50,50,93,.2), 0 5px 15px rgba(0,0,0,.17);
-$modal-content-box-shadow-sm-up:    0 15px 35px rgba(50,50,93,.2), 0 5px 15px rgba(0,0,0,.17);
-
-$modal-backdrop-bg:           $black !default;
-$modal-backdrop-opacity:      .16 !default;
-$modal-header-border-color:   $gray-200 !default;
-$modal-footer-border-color:   $modal-header-border-color !default;
-$modal-header-border-width:   $modal-content-border-width !default;
-$modal-footer-border-width:   $modal-header-border-width !default;
-$modal-header-padding:        1.25rem !default;
\ No newline at end of file
+$modal-inner-padding: 1.5rem !default;
+$modal-lg: 800px !default;
+$modal-md: 500px !default;
+$modal-sm: 380px !default;
+$modal-title-line-height: 1.1;
+$modal-content-bg: $white !default;
+$modal-content-border-color: rgba($black, 0.2) !default;
+$modal-content-border-width: 0 !default;
+$modal-content-border-radius: $border-radius-lg !default;
+$modal-content-box-shadow-xs: 0 15px 35px rgb(50 50 93 / 20%), 0 5px 15px rgb(0 0 0 / 17%);
+$modal-content-box-shadow-sm-up: 0 15px 35px rgb(50 50 93 / 20%), 0 5px 15px rgb(0 0 0 / 17%);
+$modal-backdrop-bg: $black !default;
+$modal-backdrop-opacity: 0.16 !default;
+$modal-header-border-color: $gray-200 !default;
+$modal-footer-border-color: $modal-header-border-color !default;
+$modal-header-border-width: $modal-content-border-width !default;
+$modal-footer-border-width: $modal-header-border-width !default;
+$modal-header-padding: 1.25rem !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_navbar.scss b/frontend/src/assets/scss/custom/gradido-custom/_navbar.scss
index 39bd31dd7..1f4abaf45 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_navbar.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_navbar.scss
@@ -1,49 +1,41 @@
 // Navbar
 
-$navbar-transition:                 all .15s linear !default;
-$navbar-padding-y:                  1rem !default;
-$navbar-padding-x:                  1rem !default;
-
-$navbar-nav-link-padding-x:         1rem !default;
-$navbar-nav-link-padding-y:         1rem !default;
-
-$navbar-nav-link-font-size:         .9rem !default;
-$navbar-nav-link-font-weight:       400 !default;
-$navbar-nav-link-text-transform:    normal !default;
-$navbar-nav-link-letter-spacing:    0 !default;
-$navbar-nav-link-border-radius:     $border-radius !default;
-
-$navbar-search-width:               270px !default;
-$navbar-search-bg:                  transparent !default;
-
-$navbar-search-border-radius:       2rem !default;
-$navbar-search-border-width:        2px !default;
-
-$navbar-dark-bg:                    transparent !default;
-$navbar-dark-hover-bg:              rgba(255, 255, 255, .1) !default;
-$navbar-dark-active-bg:             rgba(255, 255, 255, .1) !default;
-$navbar-dark-color:                 rgba($white, .95) !default;
-$navbar-dark-hover-color:           rgba($white, .65) !default;
-$navbar-dark-active-color:          rgba($white, .65) !default;
-$navbar-dark-disabled-color:        rgba($white, .25) !default;
-$navbar-dark-toggler-border-color:  transparent !default;
-
-$navbar-search-dark-border-color:   rgba(255, 255, 255, .6) !default;
-$navbar-search-dark-color:          rgba(255, 255, 255, .6) !default;
-$navbar-search-dark-focus-border-color: rgba(255, 255, 255, .9) !default;
-$navbar-search-dark-focus-color:    rgba(255, 255, 255, .9) !default;
-
-$navbar-light-bg:                   transparent !default;
-$navbar-light-hover-bg:             rgba(0, 0, 0, .1) !default;
-$navbar-light-active-bg:            rgba(0, 0, 0, .1) !default;
-$navbar-light-border-color:         $gray-100 !default;
-$navbar-light-color:                rgba($black, .5) !default;
-$navbar-light-hover-color:          rgba($black, .7) !default;
-$navbar-light-active-color:         rgba($black, .9) !default;
-$navbar-light-disabled-color:       rgba($black, .3) !default;
+$navbar-transition: all 0.15s linear !default;
+$navbar-padding-y: 1rem !default;
+$navbar-padding-x: 1rem !default;
+$navbar-nav-link-padding-x: 1rem !default;
+$navbar-nav-link-padding-y: 1rem !default;
+$navbar-nav-link-font-size: 0.9rem !default;
+$navbar-nav-link-font-weight: 400 !default;
+$navbar-nav-link-text-transform: normal !default;
+$navbar-nav-link-letter-spacing: 0 !default;
+$navbar-nav-link-border-radius: $border-radius !default;
+$navbar-search-width: 270px !default;
+$navbar-search-bg: transparent !default;
+$navbar-search-border-radius: 2rem !default;
+$navbar-search-border-width: 2px !default;
+$navbar-dark-bg: transparent !default;
+$navbar-dark-hover-bg: rgb(255 255 255 / 10%) !default;
+$navbar-dark-active-bg: rgb(255 255 255 / 10%) !default;
+$navbar-dark-color: rgba($white, 0.95) !default;
+$navbar-dark-hover-color: rgba($white, 0.65) !default;
+$navbar-dark-active-color: rgba($white, 0.65) !default;
+$navbar-dark-disabled-color: rgba($white, 0.25) !default;
+$navbar-dark-toggler-border-color: transparent !default;
+$navbar-search-dark-border-color: rgb(255 255 255 / 60%) !default;
+$navbar-search-dark-color: rgb(255 255 255 / 60%) !default;
+$navbar-search-dark-focus-border-color: rgb(255 255 255 / 90%) !default;
+$navbar-search-dark-focus-color: rgb(255 255 255 / 90%) !default;
+$navbar-light-bg: transparent !default;
+$navbar-light-hover-bg: rgb(0 0 0 / 10%) !default;
+$navbar-light-active-bg: rgb(0 0 0 / 10%) !default;
+$navbar-light-border-color: $gray-100 !default;
+$navbar-light-color: rgba($black, 0.5) !default;
+$navbar-light-hover-color: rgba($black, 0.7) !default;
+$navbar-light-active-color: rgba($black, 0.9) !default;
+$navbar-light-disabled-color: rgba($black, 0.3) !default;
 $navbar-light-toggler-border-color: transparent !default;
-
-$navbar-search-light-border-color:  rgba(0, 0, 0, .6) !default;
-$navbar-search-light-color:          rgba(0, 0, 0, .6) !default;
-$navbar-search-light-focus-border-color: rgba(0, 0, 0, .9) !default;
-$navbar-search-light-focus-color:    rgba(0, 0, 0, .9) !default;
+$navbar-search-light-border-color: rgb(0 0 0 / 60%) !default;
+$navbar-search-light-color: rgb(0 0 0 / 60%) !default;
+$navbar-search-light-focus-border-color: rgb(0 0 0 / 90%) !default;
+$navbar-search-light-focus-color: rgb(0 0 0 / 90%) !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
index ba3083b02..050ffe419 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
@@ -1,23 +1,19 @@
 // Navs
 
-$nav-link-padding-y:                .25rem !default;
-$nav-link-padding-x:                .75rem !default;
-$nav-link-color:                    $gray-700 !default;
-$nav-link-hover-color:              theme-color("primary") !default;
-$nav-link-disabled-color:           $gray-600 !default;
-
-$nav-pills-padding-y:               .75rem !default;
-$nav-pills-padding-x:               1rem !default;
-
-$nav-pills-space-x:                 1rem !default;
-
-$nav-pills-bg:                      $white !default;
-$nav-pills-border-width:            1px !default;
-$nav-pills-border-color:            theme-color("primary") !default;
-$nav-pills-border-radius:           $border-radius !default;
-
-$nav-pills-link-color:              theme-color("primary") !default;
-$nav-pills-link-hover-color:        darken(theme-color("primary"), 5%) !default;
-$nav-pills-link-active-color:       color-yiq(theme-color("primary")) !default;
-$nav-pills-link-active-bg:          theme-color("primary") !default;
-$nav-pills-box-shadow:              $btn-box-shadow !default;
+$nav-link-padding-y: 0.25rem !default;
+$nav-link-padding-x: 0.75rem !default;
+$nav-link-color: $gray-700 !default;
+$nav-link-hover-color: theme-color("primary") !default;
+$nav-link-disabled-color: $gray-600 !default;
+$nav-pills-padding-y: 0.75rem !default;
+$nav-pills-padding-x: 1rem !default;
+$nav-pills-space-x: 1rem !default;
+$nav-pills-bg: $white !default;
+$nav-pills-border-width: 1px !default;
+$nav-pills-border-color: theme-color("primary") !default;
+$nav-pills-border-radius: $border-radius !default;
+$nav-pills-link-color: theme-color("primary") !default;
+$nav-pills-link-hover-color: color.adjust(theme-color("primary"), -5%) !default;
+$nav-pills-link-active-color: color-yiq(theme-color("primary")) !default;
+$nav-pills-link-active-bg: theme-color("primary") !default;
+$nav-pills-box-shadow: $btn-box-shadow !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_nouislider.scss b/frontend/src/assets/scss/custom/gradido-custom/_nouislider.scss
index 9ce346e35..9d4bb94ca 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_nouislider.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_nouislider.scss
@@ -1,17 +1,14 @@
 // No UI Slider
 
-$noui-target-bg:                  #eceeef !default;
-$noui-target-thickness:           5px !default;
-$noui-target-border-radius:       5px !default;
-$noui-target-border-color:        0 !default;
-$noui-target-box-shadow:          inset 0 1px 2px rgba(90,97,105,.1) !default;
-
-$noui-slider-connect-bg:          $primary !default;
+$noui-target-bg: #eceeef !default;
+$noui-target-thickness: 5px !default;
+$noui-target-border-radius: 5px !default;
+$noui-target-border-color: 0 !default;
+$noui-target-box-shadow: inset 0 1px 2px rgb(90 97 105 / 10%) !default;
+$noui-slider-connect-bg: $primary !default;
 $noui-slider-connect-disabled-bg: #b2b2b2 !default;
-
-$noui-handle-width:               15px !default;
-$noui-handle-bg:                  theme-color("primary") !default;
-$noui-handle-border:              0 !default;
-$noui-handle-border-radius:       100% !default;
-
-$noui-origin-border-radius:       2px !default;
+$noui-handle-width: 15px !default;
+$noui-handle-bg: theme-color("primary") !default;
+$noui-handle-border: 0 !default;
+$noui-handle-border-radius: 100% !default;
+$noui-origin-border-radius: 2px !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_pagination.scss b/frontend/src/assets/scss/custom/gradido-custom/_pagination.scss
index 5ec0f81f9..f98151d0b 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_pagination.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_pagination.scss
@@ -8,22 +8,20 @@
 // $pagination-padding-x-lg:           1.5rem !default;
 // $pagination-line-height:            1.25 !default;
 
-$pagination-color:                  $gray-600 !default;
-$pagination-bg:                     $white  !default;
-$pagination-border-width:           $border-width !default;
-$pagination-border-color:           $gray-300 !default;
+$pagination-color: $gray-600 !default;
+$pagination-bg: $white !default;
+$pagination-border-width: $border-width !default;
+$pagination-border-color: $gray-300 !default;
 
-//$pagination-focus-box-shadow:       $btn-hover-box-shadow !default;
+// $pagination-focus-box-shadow:       $btn-hover-box-shadow !default;
 
-$pagination-hover-color:            $gray-600 !default;
-$pagination-hover-bg:               $gray-300 !default;
-$pagination-hover-border-color:     $gray-300 !default;
-
-$pagination-active-color:           $component-active-color !default;
-$pagination-active-bg:              $component-active-bg !default;
-$pagination-active-border-color:    $pagination-active-bg !default;
-$pagination-active-box-shadow:      $btn-hover-box-shadow !default;
-
-$pagination-disabled-color:         $gray-600 !default;
-$pagination-disabled-bg:            $white !default;
-$pagination-disabled-border-color:  $gray-300 !default;
+$pagination-hover-color: $gray-600 !default;
+$pagination-hover-bg: $gray-300 !default;
+$pagination-hover-border-color: $gray-300 !default;
+$pagination-active-color: $component-active-color !default;
+$pagination-active-bg: $component-active-bg !default;
+$pagination-active-border-color: $pagination-active-bg !default;
+$pagination-active-box-shadow: $btn-hover-box-shadow !default;
+$pagination-disabled-color: $gray-600 !default;
+$pagination-disabled-bg: $white !default;
+$pagination-disabled-border-color: $gray-300 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_popovers.scss b/frontend/src/assets/scss/custom/gradido-custom/_popovers.scss
index b667a294b..b5395f1d7 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_popovers.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_popovers.scss
@@ -1,24 +1,20 @@
 // Popovers
 
-$popover-font-size:                 $font-size-sm !default;
-$popover-bg:                        $white !default;
-$popover-max-width:                 276px !default;
-$popover-border-width:              1px !default;
-$popover-border-color:              rgba($black, .05) !default;
-$popover-border-radius:             $border-radius-lg !default;
-$popover-box-shadow:                0px .5rem 2rem 0px rgba($black, .2) !default;
-
-$popover-header-bg:                 $popover-bg !default;
-$popover-header-color:              $headings-color !default;
-$popover-header-padding-y:          .5rem !default;
-$popover-header-padding-x:          .95rem !default;
-
-$popover-body-color:                $body-color !default;
-$popover-body-padding-y:            $popover-header-padding-y !default;
-$popover-body-padding-x:            $popover-header-padding-x !default;
-
-$popover-arrow-width:               1.5rem !default;
-$popover-arrow-height:              .75rem !default;
-$popover-arrow-color:               $popover-bg !default;
-
-$popover-arrow-outer-color:         transparent !default;
+$popover-font-size: $font-size-sm !default;
+$popover-bg: $white !default;
+$popover-max-width: 276px !default;
+$popover-border-width: 1px !default;
+$popover-border-color: rgba($black, 0.05) !default;
+$popover-border-radius: $border-radius-lg !default;
+$popover-box-shadow: 0 0.5rem 2rem 0 rgba($black, 0.2) !default;
+$popover-header-bg: $popover-bg !default;
+$popover-header-color: $headings-color !default;
+$popover-header-padding-y: 0.5rem !default;
+$popover-header-padding-x: 0.95rem !default;
+$popover-body-color: $body-color !default;
+$popover-body-padding-y: $popover-header-padding-y !default;
+$popover-body-padding-x: $popover-header-padding-x !default;
+$popover-arrow-width: 1.5rem !default;
+$popover-arrow-height: 0.75rem !default;
+$popover-arrow-color: $popover-bg !default;
+$popover-arrow-outer-color: transparent !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_sections.scss b/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
index 02f0f4e52..df8f91f5b 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
@@ -1,5 +1,4 @@
 // Body
 
-
 $body-bg: #f8f9fe !default;
 $body-color: $gray-700 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss b/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss
index 8b4cf5019..fa855a9aa 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss
@@ -1,37 +1,41 @@
-
 // Spacing
 
 $spacer: 1rem !default;
 $spacers: () !default;
-$spacers: map-merge((
-  -9: -($spacer * 10),
-  -8: -($spacer * 8),
-  -7: -($spacer * 6),
-  -6: -($spacer * 4.5),
-  -5: -($spacer * 3),
-  -4: -($spacer * 1.5),
-  -3: -$spacer,
-  -2: -($spacer * .5),
-  -1: -($spacer * .25),
-  0: 0,
-  1: ($spacer * .25),
-  2: ($spacer * .5),
-  3: $spacer,
-  4: ($spacer * 1.5),
-  5: ($spacer * 3),
-  6: ($spacer * 4.5),
-  7: ($spacer * 6),
-  8: ($spacer * 8),
-  9: ($spacer * 10)
-), $spacers);
-
+$spacers: map.merge(
+  (
+    -9: - ($spacer * 10),
+    -8: - ($spacer * 8),
+    -7: - ($spacer * 6),
+    -6: - ($spacer * 4.5),
+    -5: - ($spacer * 3),
+    -4: - ($spacer * 1.5),
+    -3: - $spacer,
+    -2: - ($spacer * 0.5),
+    -1: - ($spacer * 0.25),
+    0: 0,
+    1: ($spacer * 0.25),
+    2: ($spacer * 0.5),
+    3: $spacer,
+    4: ($spacer * 1.5),
+    5: ($spacer * 3),
+    6: ($spacer * 4.5),
+    7: ($spacer * 6),
+    8: ($spacer * 8),
+    9: ($spacer * 10)
+  ),
+  $spacers
+);
 
 // This variable affects the `.h-*` and `.w-*` classes.
 
 $sizes: () !default;
-$sizes: map-merge((
-  25: 25%,
-  50: 50%,
-  75: 75%,
-  100: 100%
-), $sizes);
\ No newline at end of file
+$sizes: map.merge(
+  (
+    25: 25%,
+    50: 50%,
+    75: 75%,
+    100: 100%
+  ),
+  $sizes
+);
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
index 64eb6056a..8ce2f49bd 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
@@ -1,32 +1,25 @@
 // Tables
 
-$table-cell-padding:          1rem !default;
-$table-cell-padding-sm:       .5rem !default;
-
-$table-bg:                    transparent !default;
-$table-accent-bg:             rgba($black, .05) !default;
-$table-hover-bg:              $gray-100 !default;
-$table-active-bg:             $table-hover-bg !default;
-
-$table-border-width:          $border-width !default;
-$table-border-color:          $gray-200 !default;
-
-$table-head-bg:               $gray-100 !default;
-$table-head-color:            $gray-600 !default;
-$table-head-spacer-y:         .75rem !default;
-
-$table-head-font-size:        .65rem !default;
-$table-head-font-weight:      $font-weight-bold !default;
-$table-head-text-transform:   uppercase !default;
-$table-head-letter-spacing:   1px !default;
-
-$table-body-font-size:        .8125rem !default;
-
-$table-dark-bg:               theme-color("default") !default;
-$table-dark-accent-bg:        rgba($white, .05) !default;
-$table-dark-hover-bg:         rgba($white, .075) !default;
-$table-dark-border-color:     lighten(theme-color("default"), 7%) !default;
-$table-dark-color:            $body-bg !default;
-
-$table-dark-head-bg:          lighten(theme-color("default"), 4%) !default;
-$table-dark-head-color:       lighten(theme-color("default"), 35%) !default;
\ No newline at end of file
+$table-cell-padding: 1rem !default;
+$table-cell-padding-sm: 0.5rem !default;
+$table-bg: transparent !default;
+$table-accent-bg: rgba($black, 0.05) !default;
+$table-hover-bg: $gray-100 !default;
+$table-active-bg: $table-hover-bg !default;
+$table-border-width: $border-width !default;
+$table-border-color: $gray-200 !default;
+$table-head-bg: $gray-100 !default;
+$table-head-color: $gray-600 !default;
+$table-head-spacer-y: 0.75rem !default;
+$table-head-font-size: 0.65rem !default;
+$table-head-font-weight: $font-weight-bold !default;
+$table-head-text-transform: uppercase !default;
+$table-head-letter-spacing: 1px !default;
+$table-body-font-size: 0.8125rem !default;
+$table-dark-bg: theme-color("default") !default;
+$table-dark-accent-bg: rgba($white, 0.05) !default;
+$table-dark-hover-bg: rgba($white, 0.075) !default;
+$table-dark-border-color: color.adjust(theme-color("default"), 7%) !default;
+$table-dark-color: $body-bg !default;
+$table-dark-head-bg: color.adjust(theme-color("default"), 4%) !default;
+$table-dark-head-color: color.adjust(theme-color("default"), 35%) !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_tooltips.scss b/frontend/src/assets/scss/custom/gradido-custom/_tooltips.scss
index ea7868fef..63f9ea078 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_tooltips.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_tooltips.scss
@@ -1,3 +1,3 @@
 // Tooltips
 
-$tooltip-font-size:                 $font-size-sm !default;
+$tooltip-font-size: $font-size-sm !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_vertical-navbar.scss b/frontend/src/assets/scss/custom/gradido-custom/_vertical-navbar.scss
index 6df40a4d6..4b05084e8 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_vertical-navbar.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_vertical-navbar.scss
@@ -1,15 +1,12 @@
 // Vertical navbar
 
-$navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
+$navbar-vertical-box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;
 $navbar-vertical-width: 250px !default;
 $navbar-vertical-padding-x: 1.5rem !default;
-$navbar-vertical-nav-link-padding-x:  1.5rem !default;
-$navbar-vertical-nav-link-padding-y:  .65rem !default;
-
+$navbar-vertical-nav-link-padding-x: 1.5rem !default;
+$navbar-vertical-nav-link-padding-y: 0.65rem !default;
 $navbar-icon-min-width: 2.25rem !default;
-
 $navbar-breadcrumb-padding-y: $nav-link-padding-y !default;
 $navbar-breadcrumb-padding-x: 0 !default;
-
 $navbar-light-bg: $white !default;
 $navbar-light-border-color: $border-color !default;
diff --git a/frontend/src/assets/scss/gradido.scss b/frontend/src/assets/scss/gradido.scss
index 9bc3231c4..dba0f01da 100644
--- a/frontend/src/assets/scss/gradido.scss
+++ b/frontend/src/assets/scss/gradido.scss
@@ -1,14 +1,13 @@
-
 // Bootstrap (4.5.3) functions
 
 @import "~bootstrap/scss/functions";
-
 @import "custom/variables";
-// @import "~bootstrap/scss/variables"; wird am 
+
+// @import "~bootstrap/scss/variables"; wird am
 // ende der custom/variables angehangen
- 
+
 // Bootstrap (4.5.3) mixins
-@import "~bootstrap/scss/mixins"; 
+@import "~bootstrap/scss/mixins";
 
 // Bootstrap (4.5.3) components
 
@@ -22,13 +21,16 @@
 @import "~bootstrap/scss/close";
 @import "~bootstrap/scss/code";
 @import "~bootstrap/scss/custom-forms";
-@import "~bootstrap/scss/dropdown";
+
+// @import "~bootstrap/scss/dropdown";
 @import "~bootstrap/scss/forms";
-@import "~bootstrap/scss/functions";
+
+// @import "~bootstrap/scss/functions";
 @import "~bootstrap/scss/grid";
 @import "~bootstrap/scss/input-group";
 @import "~bootstrap/scss/list-group";
-@import "~bootstrap/scss/mixins";
+
+// @import "~bootstrap/scss/mixins";
 @import "~bootstrap/scss/modal";
 @import "~bootstrap/scss/nav";
 @import "~bootstrap/scss/navbar";
@@ -48,94 +50,111 @@
 @import "~bootstrap/scss/bootstrap";
 
 // Bootstrap-vue (2.21.1) scss
-@import '~bootstrap-vue/src/index.scss';
-
+@import "~bootstrap-vue/src/index";
 
 .alert-success {
-    color: #155724;
-    background-color: #d4edda;
-    border-color: #c3e6cb;
-}
-.alert-danger {
-    color: #721c24;
-    background-color: #f8d7da;
-    border-color: #f5c6cb;
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
 }
 
+.alert-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
 
 .b-toast-danger .toast .toast-header {
-    color: #721c24;
-    background-color: rgba(248,215,218,.85);
-    border-bottom-color: rgba(245,198,203,.85);
+  color: #721c24;
+  background-color: rgb(248 215 218 / 85%);
+  border-bottom-color: rgb(245 198 203 / 85%);
 }
-.b-toast-danger .toast .toast-body{
-    background-color: rgba(252,237,238,.85);
-    border-color: rgba(245,198,203,.85);
-    color: #721c24;
+
+.b-toast-danger .toast .toast-body {
+  background-color: rgb(252 237 238 / 85%);
+  border-color: rgb(245 198 203 / 85%);
+  color: #721c24;
 }
 
 .b-toast-success .toast .toast-header {
-    color: #155724;
-    background-color: rgba(212,237,218,.58);
-    border-bottom-color: rgba(195,230,203,.85);
-}
-.b-toast-success .toast .toast-body{
-    color: #155724;
-    background-color: rgba(212,237,218,.85);
-    border-bottom-color: rgba(195,230,203,.85);
+  color: #155724;
+  background-color: rgb(212 237 218 / 58%);
+  border-bottom-color: rgb(195 230 203 / 85%);
 }
 
+.b-toast-success .toast .toast-body {
+  color: #155724;
+  background-color: rgb(212 237 218 / 85%);
+  border-bottom-color: rgb(195 230 203 / 85%);
+}
 
-  .btn-primary pim {
-    background-color: #5a7b02;
-    border-color: #5e72e4;
-  }
-  a,
-  .copyright {
-    color: #5a7b02;
-  }
-  .font1_2em {
-    font-size: 1.2em;
-  }
-  .font2em {
-    font-size: 1.5em;
-  }
-  .gradido-global-color-text {
-    color: #3d443b;
-  }
-  .gradido-global-color-accent {
-    color: #047006;
-  }
-  .gradido-global-color-6e0a9c9e {
-    color: #000;
-  }
-  .gradido-global-color-2d0fb154 {
-    color: #047006;
-  }
-  .gradido-global-color-16efe88c {
-    color: #7ebc55;
-  }
-  .gradido-global-color-1939326 {
-    color: #f6fff6;
-  }
-  .gradido-global-color-9d79fc1 {
-    color: #047006;
-  }
-  .gradido-global-color-6347f4d {
-    color: #5a7b02;
-  }
-  .gradido-global-color-4fbc19a {
-    color: #014034;
-  }
-  .gradido-global-color-d341874 {
-    color: #b6d939;
-  }
-  .gradido-global-color-619d338 {
-    color: #8ebfb1;
-  }
-  .gradido-global-color-44819a9 {
-    color: #026873;
-  }
-  .gradido-global-color-gray {
-    color: #858383;
-  }
\ No newline at end of file
+// .btn-primary pim {
+.btn-primary {
+  background-color: #5a7b02;
+  border-color: #5e72e4;
+}
+
+a,
+.copyright {
+  color: #5a7b02;
+}
+
+.font12em {
+  font-size: 1.2em;
+}
+
+.font2em {
+  font-size: 1.5em;
+}
+
+.gradido-global-color-text {
+  color: #3d443b;
+}
+
+.gradido-global-color-accent {
+  color: #047006;
+}
+
+.gradido-global-color-6e0a9c9e {
+  color: #000;
+}
+
+.gradido-global-color-2d0fb154 {
+  color: #047006;
+}
+
+.gradido-global-color-16efe88c {
+  color: #7ebc55;
+}
+
+.gradido-global-color-1939326 {
+  color: #f6fff6;
+}
+
+.gradido-global-color-9d79fc1 {
+  color: #047006;
+}
+
+.gradido-global-color-6347f4d {
+  color: #5a7b02;
+}
+
+.gradido-global-color-4fbc19a {
+  color: #014034;
+}
+
+.gradido-global-color-d341874 {
+  color: #b6d939;
+}
+
+.gradido-global-color-619d338 {
+  color: #8ebfb1;
+}
+
+.gradido-global-color-44819a9 {
+  color: #026873;
+}
+
+.gradido-global-color-gray {
+  color: #858383;
+}
diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue
index 20943d14a..4341791f0 100644
--- a/frontend/src/components/Menu/Sidebar.vue
+++ b/frontend/src/components/Menu/Sidebar.vue
@@ -53,8 +53,8 @@ export default {
 }
 </script>
 <style>
-#component-sidebar .active,
-.component-navbar .active {
+.component-navbar .active,
+#component-sidebar .active {
   font-weight: bold;
 }
 </style>
diff --git a/frontend/src/components/UserCard.vue b/frontend/src/components/UserCard.vue
index 04e1c927e..728883109 100755
--- a/frontend/src/components/UserCard.vue
+++ b/frontend/src/components/UserCard.vue
@@ -50,4 +50,3 @@ export default {
   },
 }
 </script>
-<style></style>
diff --git a/frontend/src/components/UserCard_FormUserMail.vue b/frontend/src/components/UserCard_FormUserMail.vue
index f21d8ffa3..b042a1961 100644
--- a/frontend/src/components/UserCard_FormUserMail.vue
+++ b/frontend/src/components/UserCard_FormUserMail.vue
@@ -61,4 +61,3 @@ export default {
   },
 }
 </script>
-<style></style>
diff --git a/frontend/src/layouts/ContentFooter.vue b/frontend/src/layouts/ContentFooter.vue
index 9d45cddb6..de49e8635 100755
--- a/frontend/src/layouts/ContentFooter.vue
+++ b/frontend/src/layouts/ContentFooter.vue
@@ -72,4 +72,3 @@ export default {
   },
 }
 </script>
-<style></style>
diff --git a/frontend/src/pages/ForgotPassword.vue b/frontend/src/pages/ForgotPassword.vue
index eeb954a0c..44d6e7e6b 100644
--- a/frontend/src/pages/ForgotPassword.vue
+++ b/frontend/src/pages/ForgotPassword.vue
@@ -96,4 +96,3 @@ export default {
   },
 }
 </script>
-<style></style>
diff --git a/frontend/src/pages/RegisterCommunity.vue b/frontend/src/pages/RegisterCommunity.vue
index 17f500e07..736a4282f 100644
--- a/frontend/src/pages/RegisterCommunity.vue
+++ b/frontend/src/pages/RegisterCommunity.vue
@@ -56,4 +56,3 @@ export default {
   mixins: [getCommunityInfoMixin],
 }
 </script>
-<style></style>
diff --git a/frontend/src/pages/ResetPassword.vue b/frontend/src/pages/ResetPassword.vue
index 830107a99..1790802d4 100644
--- a/frontend/src/pages/ResetPassword.vue
+++ b/frontend/src/pages/ResetPassword.vue
@@ -118,4 +118,3 @@ export default {
   },
 }
 </script>
-<style></style>

From fdab9b0894796ec0c4e171e6c7e46f785e2a5b80 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 19:50:10 +0100
Subject: [PATCH 23/34] admin lint

---
 admin/src/pages/UserSearch.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/admin/src/pages/UserSearch.vue b/admin/src/pages/UserSearch.vue
index ea49bf805..1fe44eda7 100644
--- a/admin/src/pages/UserSearch.vue
+++ b/admin/src/pages/UserSearch.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="user-search">
-    <div style="text-align: right">
+    <div class="user-search-first-div">
       <b-button class="unconfirmedRegisterMails" variant="light" @click="unconfirmedRegisterMails">
         <b-icon icon="envelope" variant="danger"></b-icon>
         {{ filterCheckedEmails ? $t('all_emails') : $t('unregistered_emails') }}
@@ -136,3 +136,8 @@ export default {
   },
 }
 </script>
+<style>
+.user-search-first-div {
+  text-align: right;
+}
+</style>

From 8ac00d82caba7c68ec3b5369eb774e44111700aa Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 20:09:28 +0100
Subject: [PATCH 24/34] fix frontend lint

---
 frontend/src/assets/scss/gradido.scss         | 50 +++++++++++++++++++
 .../DecayInformation-Decay.vue                |  2 +-
 .../DecayInformation-Long.vue                 |  2 +-
 .../components/GddSend/TransactionForm.vue    | 11 ++--
 .../components/GddSend/TransactionResult.vue  |  6 +--
 frontend/src/components/Menu/Navbar.vue       |  2 +-
 frontend/src/components/Transaction.vue       |  4 +-
 .../src/components/TransactionCollapse.vue    |  5 +-
 .../Transactions/TransactionCreation.vue      |  2 +-
 .../Transactions/TransactionDecay.vue         |  2 +-
 .../Transactions/TransactionReceive.vue       |  2 +-
 .../Transactions/TransactionSend.vue          |  2 +-
 .../src/components/UserCard_FormUserMail.vue  |  2 +-
 .../UserSettings/UserCoinAnimation.vue        |  3 +-
 frontend/src/layouts/DashboardLayout_gdd.vue  |  4 +-
 frontend/src/pages/ForgotPassword.vue         |  2 +-
 frontend/src/pages/Login.vue                  |  2 +-
 frontend/src/pages/Register.vue               |  2 +-
 frontend/src/pages/ResetPassword.vue          |  2 +-
 19 files changed, 75 insertions(+), 32 deletions(-)

diff --git a/frontend/src/assets/scss/gradido.scss b/frontend/src/assets/scss/gradido.scss
index dba0f01da..abb491206 100644
--- a/frontend/src/assets/scss/gradido.scss
+++ b/frontend/src/assets/scss/gradido.scss
@@ -158,3 +158,53 @@ a,
 .gradido-global-color-gray {
   color: #858383;
 }
+
+.gradido-custom-background {
+  background-color: #ebebeba3 !important;
+}
+
+.gradido-max-width {
+  width: 100%;
+}
+
+.gradido-width-300 {
+  width: 300px;
+}
+
+.gradido-absolute {
+  position: absolute;
+}
+
+.gradido-width-95-absolute {
+  width: 95%;
+  position: absolute;
+}
+
+.gradido-width-96-absolute {
+  width: 96%;
+  position: absolute;
+}
+
+.gradido-no-border-radius {
+  border-radius: 0;
+}
+
+.gradido-no-border {
+  border: 0;
+}
+
+.gradido-background-f1 {
+  background-color: #f1f1f1;
+}
+
+.gradido-background-white {
+  background-color: #fff;
+}
+
+.gradido-font-large {
+  font-size: large;
+}
+
+.gradido-font-15rem {
+  font-size: 1.5rem;
+}
diff --git a/frontend/src/components/DecayInformations/DecayInformation-Decay.vue b/frontend/src/components/DecayInformations/DecayInformation-Decay.vue
index 80d45e242..19aac9e98 100644
--- a/frontend/src/components/DecayInformations/DecayInformation-Decay.vue
+++ b/frontend/src/components/DecayInformations/DecayInformation-Decay.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="decayinformation-decay">
     <div class="d-flex">
-      <div style="width: 100%" class="text-center pb-3">
+      <div class="text-center pb-3 gradido-max-width">
         <b-icon icon="droplet-half" height="12" class="mb-2" />
         <b>{{ $t('decay.calculation_decay') }}</b>
       </div>
diff --git a/frontend/src/components/DecayInformations/DecayInformation-Long.vue b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
index 6a0b6a1c1..b5e1bbbe5 100644
--- a/frontend/src/components/DecayInformations/DecayInformation-Long.vue
+++ b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="decayinformation-long">
     <div class="d-flex">
-      <div style="width: 100%" class="text-center pb-3">
+      <div class="text-center pb-3 gradido-max-width">
         <b-icon icon="droplet-half" height="12" class="mb-2" />
         <b>{{ $t('decay.calculation_decay') }}</b>
       </div>
diff --git a/frontend/src/components/GddSend/TransactionForm.vue b/frontend/src/components/GddSend/TransactionForm.vue
index 0f5650543..850bb3b07 100644
--- a/frontend/src/components/GddSend/TransactionForm.vue
+++ b/frontend/src/components/GddSend/TransactionForm.vue
@@ -1,7 +1,7 @@
 <template>
   <b-row class="transaction-form">
     <b-col xl="12" md="12" class="p-0">
-      <b-card class="p-0 m-0" style="background-color: #ebebeba3 !important">
+      <b-card class="p-0 m-0 gradido-custom-background">
         <!-- -<QrCode @set-transaction="setTransaction"></QrCode> -->
         <validation-observer v-slot="{ handleSubmit }" ref="formValidator">
           <b-form role="form" @submit.prevent="handleSubmit(onSubmit)" @reset="onReset">
@@ -39,8 +39,7 @@
                     @blur="normalizeEmail()"
                     type="email"
                     placeholder="E-Mail"
-                    style="font-size: large"
-                    class="pl-3"
+                    class="pl-3 gradido-font-large"
                     :disabled="isBalanceDisabled"
                   ></b-form-input>
                 </b-input-group>
@@ -75,8 +74,7 @@
                     @focus="amountFocused = true"
                     @blur="normalizeAmount(valid)"
                     :placeholder="$n(0.01)"
-                    style="font-size: large"
-                    class="pl-3"
+                    class="pl-3 gradido-font-large"
                     :disabled="isBalanceDisabled"
                   ></b-form-input>
                 </b-input-group>
@@ -105,8 +103,7 @@
                     id="input-3"
                     rows="3"
                     v-model="form.memo"
-                    class="pl-3"
-                    style="font-size: large"
+                    class="pl-3 gradido-font-large"
                     :disabled="isBalanceDisabled"
                   ></b-form-textarea>
                 </b-input-group>
diff --git a/frontend/src/components/GddSend/TransactionResult.vue b/frontend/src/components/GddSend/TransactionResult.vue
index 6489574c9..64a6749bd 100644
--- a/frontend/src/components/GddSend/TransactionResult.vue
+++ b/frontend/src/components/GddSend/TransactionResult.vue
@@ -2,8 +2,8 @@
   <b-container>
     <b-row v-if="error">
       <b-col>
-        <b-card class="p-0" style="background-color: #ebebeba3 !important">
-          <div class="p-4" style="font-size: 1.5rem">
+        <b-card class="p-0 gradido-custom-background">
+          <div class="p-4 gradido-font-15rem">
             <div>{{ $t('form.sorry') }}</div>
             <hr />
 
@@ -29,7 +29,7 @@
     </b-row>
     <b-row v-if="!error">
       <b-col>
-        <b-card class="p-0" style="background-color: #ebebeba3 !important">
+        <b-card class="p-0 gradido-custom-background">
           <div class="p-4">
             {{ $t('form.thx') }}
             <hr />
diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index 63a131d9d..1c6f71955 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="component-navbar" style="background-color: #fff">
+  <div class="component-navbar gradido-background-white">
     <b-navbar toggleable="lg" type="light" variant="faded">
       <div class="navbar-brand">
         <b-navbar-nav @click="$emit('set-visible', false)">
diff --git a/frontend/src/components/Transaction.vue b/frontend/src/components/Transaction.vue
index 649b81b4d..acce0f7ff 100644
--- a/frontend/src/components/Transaction.vue
+++ b/frontend/src/components/Transaction.vue
@@ -3,12 +3,12 @@
     <div class="list-group">
       <div class="list-group-item gdt-transaction-list-item" v-b-toggle="collapseId">
         <!-- icon  -->
-        <div class="text-right" style="position: absolute">
+        <div class="text-right gradido-absolute">
           <b-icon :icon="getLinesByType.icon" :class="getLinesByType.iconclasses"></b-icon>
         </div>
 
         <!-- collaps Button  -->
-        <div class="text-right" style="width: 96%; position: absolute">
+        <div class="text-right gradido-width-96-absolute">
           <b-icon
             :icon="getCollapseState(id) ? 'caret-up-square' : 'caret-down-square'"
             :class="getCollapseState(id) ? 'text-black' : 'text-muted'"
diff --git a/frontend/src/components/TransactionCollapse.vue b/frontend/src/components/TransactionCollapse.vue
index 45af607d5..98358475b 100644
--- a/frontend/src/components/TransactionCollapse.vue
+++ b/frontend/src/components/TransactionCollapse.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4"
-    style="border: 0px; background-color: #f1f1f1"
-  >
+  <div class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4 gradido-no-border gradido-background-f1">
     <b-row class="gdt-list-collapse-header-text text-center pb-3">
       <b-col class="collapse-headline">
         <b>{{ getLinesByType.headline }}</b>
diff --git a/frontend/src/components/Transactions/TransactionCreation.vue b/frontend/src/components/Transactions/TransactionCreation.vue
index a30a33ca5..d19a31b26 100644
--- a/frontend/src/components/Transactions/TransactionCreation.vue
+++ b/frontend/src/components/Transactions/TransactionCreation.vue
@@ -2,7 +2,7 @@
   <div class="transaction-slot-creation">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <div class="text-right gradido-width-95-absolute">
         <b-icon
           :icon="visible ? 'caret-up-square' : 'caret-down-square'"
           :class="visible ? 'text-black' : 'text-muted'"
diff --git a/frontend/src/components/Transactions/TransactionDecay.vue b/frontend/src/components/Transactions/TransactionDecay.vue
index 0530c47f4..0baa5e292 100644
--- a/frontend/src/components/Transactions/TransactionDecay.vue
+++ b/frontend/src/components/Transactions/TransactionDecay.vue
@@ -2,7 +2,7 @@
   <div class="transaction-slot-decay">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <div class="text-right gradido-width-95-absolute">
         <b-icon
           :icon="visible ? 'caret-up-square' : 'caret-down-square'"
           :class="visible ? 'text-black' : 'text-muted'"
diff --git a/frontend/src/components/Transactions/TransactionReceive.vue b/frontend/src/components/Transactions/TransactionReceive.vue
index 08c49d808..78eff8597 100644
--- a/frontend/src/components/Transactions/TransactionReceive.vue
+++ b/frontend/src/components/Transactions/TransactionReceive.vue
@@ -2,7 +2,7 @@
   <div class="transaction-slot-receive">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <div class="text-right gradido-width-95-absolute">
         <b-icon
           :icon="visible ? 'caret-up-square' : 'caret-down-square'"
           :class="visible ? 'text-black' : 'text-muted'"
diff --git a/frontend/src/components/Transactions/TransactionSend.vue b/frontend/src/components/Transactions/TransactionSend.vue
index 67248fc3f..08f84bd58 100644
--- a/frontend/src/components/Transactions/TransactionSend.vue
+++ b/frontend/src/components/Transactions/TransactionSend.vue
@@ -2,7 +2,7 @@
   <div class="transaction-slot-send">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <div class="text-right gradido-width-95-absolute">
         <b-icon
           :icon="visible ? 'caret-up-square' : 'caret-down-square'"
           :class="visible ? 'text-black' : 'text-muted'"
diff --git a/frontend/src/components/UserCard_FormUserMail.vue b/frontend/src/components/UserCard_FormUserMail.vue
index b042a1961..e0d013973 100644
--- a/frontend/src/components/UserCard_FormUserMail.vue
+++ b/frontend/src/components/UserCard_FormUserMail.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-card id="formusermail" class="bg-transparent" style="background-color: #ebebeba3 !important">
+  <b-card id="formusermail" class="bg-transparent gradido-custom-background">
     <b-container>
       <b-row class="mb-4 text-right">
         <b-col class="text-right">
diff --git a/frontend/src/components/UserSettings/UserCoinAnimation.vue b/frontend/src/components/UserSettings/UserCoinAnimation.vue
index e73ddb7af..040825105 100644
--- a/frontend/src/components/UserSettings/UserCoinAnimation.vue
+++ b/frontend/src/components/UserSettings/UserCoinAnimation.vue
@@ -1,8 +1,7 @@
 <template>
   <b-card
     id="formusercoinanimation"
-    class="bg-transparent"
-    style="background-color: #ebebeba3 !important; border-radius: 0px"
+    class="bg-transparent gradido-custom-background gradido-no-border-radius"
   >
     <div>
       <b-row class="mb-3">
diff --git a/frontend/src/layouts/DashboardLayout_gdd.vue b/frontend/src/layouts/DashboardLayout_gdd.vue
index a8b356bd1..66221993f 100755
--- a/frontend/src/layouts/DashboardLayout_gdd.vue
+++ b/frontend/src/layouts/DashboardLayout_gdd.vue
@@ -11,11 +11,11 @@
       @logout="logout"
     />
     <div class="content-gradido">
-      <div class="d-none d-sm-none d-md-none d-lg-flex shadow-lg" style="width: 300px">
+      <div class="d-none d-sm-none d-md-none d-lg-flex shadow-lg gradido-width-300">
         <sidebar class="main-sidebar" :elopageUri="elopageUri" @admin="admin" @logout="logout" />
       </div>
 
-      <div class="main-page" style="width: 100%" @click="visible = false">
+      <div class="main-page gradido-max-width" @click="visible = false">
         <div class="main-content">
           <fade-transition :duration="200" origin="center top" mode="out-in">
             <router-view
diff --git a/frontend/src/pages/ForgotPassword.vue b/frontend/src/pages/ForgotPassword.vue
index 44d6e7e6b..da80e2628 100644
--- a/frontend/src/pages/ForgotPassword.vue
+++ b/frontend/src/pages/ForgotPassword.vue
@@ -15,7 +15,7 @@
     <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
         <b-col lg="6" md="8">
-          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important">
+          <b-card no-body class="border-0 gradido-custom-background">
             <b-card-body class="p-4">
               <validation-observer ref="observer" v-slot="{ handleSubmit }">
                 <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue
index 57b97200d..7165fa677 100755
--- a/frontend/src/pages/Login.vue
+++ b/frontend/src/pages/Login.vue
@@ -16,7 +16,7 @@
     <b-container class="mt--8">
       <b-row class="justify-content-center">
         <b-col lg="5" md="7">
-          <b-card no-body class="border-0 mb-0" style="background-color: #ebebeba3 !important">
+          <b-card no-body class="border-0 mb-0 gradido-custom-background">
             <b-card-body class="p-4">
               <div class="text-center text-muted mb-4 test-communitydata">
                 <b>{{ $store.state.community.name }}</b>
diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue
index 0d3065d38..aec2ef1be 100755
--- a/frontend/src/pages/Register.vue
+++ b/frontend/src/pages/Register.vue
@@ -20,7 +20,7 @@
 
       <b-row class="justify-content-center">
         <b-col lg="6" md="8">
-          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important">
+          <b-card no-body class="border-0 gradido-custom-background">
             <b-card-body class="p-4">
               <div class="text-center text-muted mb-4 test-communitydata">
                 <b>{{ $store.state.community.name }}</b>
diff --git a/frontend/src/pages/ResetPassword.vue b/frontend/src/pages/ResetPassword.vue
index 1790802d4..40c2f5ee4 100644
--- a/frontend/src/pages/ResetPassword.vue
+++ b/frontend/src/pages/ResetPassword.vue
@@ -19,7 +19,7 @@
     <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
         <b-col lg="6" md="8">
-          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important">
+          <b-card no-body class="border-0 gradido-custom-background">
             <b-card-body class="p-4">
               <validation-observer ref="observer" v-slot="{ handleSubmit }">
                 <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">

From 30072a3ec55fd59c8902df9e2b086a4338a0379d Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 20:37:15 +0100
Subject: [PATCH 25/34] fix sass file loaded in test

---
 frontend/src/plugins/dashboard-plugin.test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/plugins/dashboard-plugin.test.js b/frontend/src/plugins/dashboard-plugin.test.js
index 6881cd0d4..411bd96f9 100644
--- a/frontend/src/plugins/dashboard-plugin.test.js
+++ b/frontend/src/plugins/dashboard-plugin.test.js
@@ -4,7 +4,7 @@ import Vue from 'vue'
 import GlobalComponents from './globalComponents'
 import GlobalDirectives from './globalDirectives'
 
-import './assets/scss/app.scss'
+import './assets/scss/gradido.scss'
 
 jest.mock('./globalComponents')
 jest.mock('./globalDirectives')

From 78ac6184deb453cf9d3cb5d245affb4ed8d077ca Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 20:37:28 +0100
Subject: [PATCH 26/34] use sass instead of node-sass

---
 frontend/package.json |   2 +-
 frontend/yarn.lock    | 304 ++++++++----------------------------------
 2 files changed, 53 insertions(+), 253 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 2bbc59ea8..82c50cbce 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -75,10 +75,10 @@
     "babel-plugin-component": "^1.1.0",
     "babel-plugin-transform-require-context": "^0.1.1",
     "dotenv-webpack": "^7.0.3",
-    "node-sass": "^6.0.1",
     "postcss": "^8.4.8",
     "postcss-html": "^1.3.0",
     "postcss-scss": "^4.0.3",
+    "sass": "^1.49.9",
     "sass-loader": "^10",
     "stats-webpack-plugin": "^0.7.0",
     "stylelint": "^14.5.3",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 649d90f13..040e14805 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -3254,11 +3254,6 @@ alphanum-sort@^1.0.0:
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
   integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
 
-amdefine@>=0.0.4:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
-  integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
-
 ansi-colors@^3.0.0:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
@@ -3343,7 +3338,7 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
-anymatch@^3.0.3:
+anymatch@^3.0.3, anymatch@~3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
   integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
@@ -3454,7 +3449,7 @@ apollo-utilities@1.3.4, apollo-utilities@^1.3.0, apollo-utilities@^1.3.4:
     ts-invariant "^0.4.0"
     tslib "^1.10.0"
 
-aproba@^1.0.3, aproba@^1.1.1:
+aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
@@ -3464,14 +3459,6 @@ arch@^2.1.1:
   resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
   integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
 
-are-we-there-yet@~1.1.2:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
-  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
-
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -3606,11 +3593,6 @@ async-each@^1.0.1:
   resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
   integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
 
-async-foreach@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542"
-  integrity sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=
-
 async-limiter@~1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
@@ -4580,7 +4562,7 @@ caseless@~0.12.0:
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
   integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
 
-chalk@^1.1.1, chalk@^1.1.3:
+chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
   integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
@@ -4639,6 +4621,21 @@ check-types@^8.0.3:
   resolved "https://registry.yarnpkg.com/check-types/-/check-types-8.0.3.tgz#3356cca19c889544f2d7a95ed49ce508a0ecf552"
   integrity sha512-YpeKZngUmG65rLudJ4taU7VLkOCTMhNl/u4ctNC56LQS/zJTyNH0Lrtwm1tfTsbLlwvlfsA2d1c8vCf/Kh2KwQ==
 
+"chokidar@>=3.0.0 <4.0.0":
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 chokidar@^2.1.8:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
@@ -4678,11 +4675,6 @@ chownr@^1.0.1, chownr@^1.1.1:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
   integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
 
-chownr@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
-  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
-
 chrome-trace-event@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
@@ -4855,11 +4847,6 @@ coa@^2.0.2:
     chalk "^2.4.1"
     q "^1.1.2"
 
-code-point-at@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
-  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
-
 collect-v8-coverage@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
@@ -5037,11 +5024,6 @@ console-browserify@^1.1.0:
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
   integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
-console-control-strings@^1.0.0, console-control-strings@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
-
 consolidate@^0.15.1:
   version "0.15.1"
   resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
@@ -5234,7 +5216,7 @@ cross-spawn@^6.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-spawn@^7.0.0, cross-spawn@^7.0.2:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -5662,11 +5644,6 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
-delegates@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
-
 depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
@@ -6057,11 +6034,6 @@ entities@^3.0.1:
   resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
   integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
 
-env-paths@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
-  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
-
 errno@^0.1.3, errno@~0.1.7:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
@@ -7232,13 +7204,6 @@ fs-extra@^8.1.0:
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
-fs-minipass@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
-  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
-  dependencies:
-    minipass "^3.0.0"
-
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -7262,7 +7227,7 @@ fsevents@^1.2.7:
     bindings "^1.5.0"
     nan "^2.12.1"
 
-fsevents@^2.1.2, fsevents@^2.3.2, fsevents@~2.3.1:
+fsevents@^2.1.2, fsevents@^2.3.2, fsevents@~2.3.1, fsevents@~2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
@@ -7277,27 +7242,6 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
-gauge@~2.7.3:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
-  dependencies:
-    aproba "^1.0.3"
-    console-control-strings "^1.0.0"
-    has-unicode "^2.0.0"
-    object-assign "^4.1.0"
-    signal-exit "^3.0.0"
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wide-align "^1.1.0"
-
-gaze@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/gaze/-/gaze-1.1.3.tgz#c441733e13b927ac8c0ff0b4c3b033f28812924a"
-  integrity sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==
-  dependencies:
-    globule "^1.0.0"
-
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
@@ -7322,11 +7266,6 @@ get-package-type@^0.1.0:
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
-get-stdin@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
-  integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
-
 get-stdin@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
@@ -7384,7 +7323,7 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@^5.1.2:
+glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -7403,7 +7342,7 @@ glob-to-regexp@^0.3.0:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
   integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@~7.1.1:
+glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -7533,21 +7472,12 @@ globjoin@^0.1.4:
   resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
   integrity sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=
 
-globule@^1.0.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/globule/-/globule-1.3.2.tgz#d8bdd9e9e4eef8f96e245999a5dee7eb5d8529c4"
-  integrity sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==
-  dependencies:
-    glob "~7.1.1"
-    lodash "~4.17.10"
-    minimatch "~3.0.2"
-
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   version "4.2.6"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
   integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
 
-graceful-fs@^4.2.3, graceful-fs@^4.2.4:
+graceful-fs@^4.2.4:
   version "4.2.8"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.8.tgz#e412b8d33f5e006593cbd3cee6df9f2cebbe802a"
   integrity sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==
@@ -7651,11 +7581,6 @@ has-tostringtag@^1.0.0:
   dependencies:
     has-symbols "^1.0.2"
 
-has-unicode@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
-  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
-
 has-value@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
@@ -8024,6 +7949,11 @@ ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
   integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
 
+immutable@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
+  integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -8375,13 +8305,6 @@ is-extglob@^2.1.0, is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
-is-fullwidth-code-point@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
-  dependencies:
-    number-is-nan "^1.0.0"
-
 is-fullwidth-code-point@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
@@ -9587,11 +9510,6 @@ jest@^26.6.3:
     import-local "^3.0.2"
     jest-cli "^26.6.3"
 
-js-base64@^2.1.8:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4"
-  integrity sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==
-
 js-beautify@^1.6.12, js-beautify@^1.6.14:
   version "1.13.5"
   resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.13.5.tgz#a08a97890cae55daf1d758d3f6577bd4a64d7014"
@@ -10087,7 +10005,7 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-lodash@^4.0.0, lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0, lodash@^4.7.0, lodash@~4.17.10:
+lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -10383,7 +10301,7 @@ minimalistic-crypto-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
-minimatch@^3.0.2, minimatch@^3.0.4, minimatch@~3.0.2:
+minimatch@^3.0.2, minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
@@ -10404,21 +10322,6 @@ minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
 
-minipass@^3.0.0:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.5.tgz#71f6251b0a33a49c01b3cf97ff77eda030dff732"
-  integrity sha512-+8NzxD82XQoNKNrl1d/FSi+X8wAEWR+sbYAfIvub4Nz0d22plFG72CEVVaufV8PNf4qSslFTD8VMOxNVhHCjTw==
-  dependencies:
-    yallist "^4.0.0"
-
-minizlib@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
-  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
-  dependencies:
-    minipass "^3.0.0"
-    yallist "^4.0.0"
-
 mississippi@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-2.0.0.tgz#3442a508fafc28500486feea99409676e4ee5a6f"
@@ -10466,7 +10369,7 @@ mkdirp@0.x, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.5, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
-mkdirp@^1.0.3, mkdirp@^1.0.4:
+mkdirp@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
@@ -10542,7 +10445,7 @@ mz@^2.4.0:
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
-nan@^2.12.1, nan@^2.13.2:
+nan@^2.12.1:
   version "2.14.2"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19"
   integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==
@@ -10634,22 +10537,6 @@ node-forge@^0.10.0:
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.10.0.tgz#32dea2afb3e9926f02ee5ce8794902691a676bf3"
   integrity sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==
 
-node-gyp@^7.1.0:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-7.1.2.tgz#21a810aebb187120251c3bcec979af1587b188ae"
-  integrity sha512-CbpcIo7C3eMu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ==
-  dependencies:
-    env-paths "^2.2.0"
-    glob "^7.1.4"
-    graceful-fs "^4.2.3"
-    nopt "^5.0.0"
-    npmlog "^4.1.2"
-    request "^2.88.2"
-    rimraf "^3.0.2"
-    semver "^7.3.2"
-    tar "^6.0.2"
-    which "^2.0.2"
-
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -10731,27 +10618,6 @@ node-releases@^2.0.1:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.1.tgz#3d1d395f204f1f2f29a54358b9fb678765ad2fc5"
   integrity sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==
 
-node-sass@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-6.0.1.tgz#cad1ccd0ce63e35c7181f545d8b986f3a9a887fe"
-  integrity sha512-f+Rbqt92Ful9gX0cGtdYwjTrWAaGURgaK5rZCWOgCNyGWusFYHhbqCCBoFBeat+HKETOU02AyTxNhJV0YZf2jQ==
-  dependencies:
-    async-foreach "^0.1.3"
-    chalk "^1.1.1"
-    cross-spawn "^7.0.3"
-    gaze "^1.0.0"
-    get-stdin "^4.0.1"
-    glob "^7.0.3"
-    lodash "^4.17.15"
-    meow "^9.0.0"
-    nan "^2.13.2"
-    node-gyp "^7.1.0"
-    npmlog "^4.0.0"
-    request "^2.88.0"
-    sass-graph "2.2.5"
-    stdout-stream "^1.4.0"
-    "true-case-path" "^1.0.2"
-
 nopt@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
@@ -10835,16 +10701,6 @@ npm-run-path@^4.0.0:
   dependencies:
     path-key "^3.0.0"
 
-npmlog@^4.0.0, npmlog@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
-  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
-  dependencies:
-    are-we-there-yet "~1.1.2"
-    console-control-strings "~1.1.0"
-    gauge "~2.7.3"
-    set-blocking "~2.0.0"
-
 nth-check@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
@@ -10857,11 +10713,6 @@ num2fraction@^1.2.2:
   resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
   integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
 
-number-is-nan@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
-  integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
-
 nwsapi@^2.0.7, nwsapi@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
@@ -12250,7 +12101,7 @@ read-pkg@^5.0.0, read-pkg@^5.1.1, read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -12288,6 +12139,13 @@ readdirp@~3.5.0:
   dependencies:
     picomatch "^2.2.1"
 
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
 realpath-native@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
@@ -12691,16 +12549,6 @@ sane@^4.0.3:
     minimist "^1.1.1"
     walker "~1.0.5"
 
-sass-graph@2.2.5:
-  version "2.2.5"
-  resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.5.tgz#a981c87446b8319d96dce0671e487879bd24c2e8"
-  integrity sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==
-  dependencies:
-    glob "^7.0.0"
-    lodash "^4.0.0"
-    scss-tokenizer "^0.2.3"
-    yargs "^13.3.2"
-
 sass-loader@^10:
   version "10.2.0"
   resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.2.0.tgz#3d64c1590f911013b3fa48a0b22a83d5e1494716"
@@ -12712,6 +12560,15 @@ sass-loader@^10:
     schema-utils "^3.0.0"
     semver "^7.3.2"
 
+sass@^1.49.9:
+  version "1.49.9"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.49.9.tgz#b15a189ecb0ca9e24634bae5d1ebc191809712f9"
+  integrity sha512-YlYWkkHP9fbwaFRZQRXgDi3mXZShslVmmo+FVK3kHLUELHHEYrCmL1x6IUjC7wLS6VuJSAFXRQS/DxdsC4xL1A==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
 sax@^1.2.4, sax@~1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
@@ -12758,14 +12615,6 @@ schema-utils@^3.0.0:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
-scss-tokenizer@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
-  integrity sha1-jrBtualyMzOCTT9VMGQRSYR85dE=
-  dependencies:
-    js-base64 "^2.1.8"
-    source-map "^0.4.2"
-
 sdp@^2.12.0, sdp@^2.6.0:
   version "2.12.0"
   resolved "https://registry.yarnpkg.com/sdp/-/sdp-2.12.0.tgz#338a106af7560c86e4523f858349680350d53b22"
@@ -12866,7 +12715,7 @@ serve-static@1.14.1:
     parseurl "~1.3.3"
     send "0.17.1"
 
-set-blocking@^2.0.0, set-blocking@~2.0.0:
+set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
@@ -13089,7 +12938,7 @@ source-list-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
-source-map-js@^1.0.2:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -13126,13 +12975,6 @@ source-map-url@^0.4.0:
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
   integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
 
-source-map@^0.4.2:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
-  integrity sha1-66T12pwNyZneaAMti092FzZSA2s=
-  dependencies:
-    amdefine ">=0.0.4"
-
 source-map@^0.5.0, source-map@^0.5.6:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
@@ -13287,13 +13129,6 @@ stats-webpack-plugin@^0.7.0:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
 
-stdout-stream@^1.4.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.1.tgz#5ac174cdd5cd726104aa0c0b2bd83815d8d535de"
-  integrity sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==
-  dependencies:
-    readable-stream "^2.0.1"
-
 stealthy-require@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
@@ -13360,16 +13195,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-string-width@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
-  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
-  dependencies:
-    code-point-at "^1.0.0"
-    is-fullwidth-code-point "^1.0.0"
-    strip-ansi "^3.0.0"
-
-"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
+string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -13777,18 +13603,6 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
-tar@^6.0.2:
-  version "6.1.11"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.11.tgz#6760a38f003afa1b2ffd0ffe9e9abbd0eab3d621"
-  integrity sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==
-  dependencies:
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    minipass "^3.0.0"
-    minizlib "^2.1.1"
-    mkdirp "^1.0.3"
-    yallist "^4.0.0"
-
 terminal-link@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
@@ -14044,13 +13858,6 @@ trim-newlines@^3.0.0:
   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144"
   integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==
 
-"true-case-path@^1.0.2":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-1.0.3.tgz#f813b5a8c86b40da59606722b144e3225799f47d"
-  integrity sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==
-  dependencies:
-    glob "^7.1.2"
-
 tryer@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
@@ -15019,13 +14826,6 @@ which@^2.0.1, which@^2.0.2:
   dependencies:
     isexe "^2.0.0"
 
-wide-align@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
-  integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==
-  dependencies:
-    string-width "^1.0.2 || 2"
-
 word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"

From 1761d6380cfb55a63d50f8c02c4978aab46368f5 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 20:47:38 +0100
Subject: [PATCH 27/34] use sass map namespace

---
 frontend/src/assets/scss/custom/gradido-custom/_color.scss   | 1 +
 frontend/src/assets/scss/custom/gradido-custom/_spacing.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/frontend/src/assets/scss/custom/gradido-custom/_color.scss b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
index d05706626..278eb9670 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_color.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
@@ -1,4 +1,5 @@
 // Color system
+@use "sass:map";
 
 $white: #fff !default;
 $gray-100: #f6f9fc !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss b/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss
index fa855a9aa..2569048a8 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_spacing.scss
@@ -1,4 +1,5 @@
 // Spacing
+@use "sass:map";
 
 $spacer: 1rem !default;
 $spacers: () !default;

From 735ed77ffb32a7b18f61a37807244cfe70b14039 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 20:55:45 +0100
Subject: [PATCH 28/34] sass color namespace

---
 frontend/src/assets/scss/custom/gradido-custom/_color.scss       | 1 +
 frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss  | 1 +
 .../src/assets/scss/custom/gradido-custom/_form-validation.scss  | 1 +
 frontend/src/assets/scss/custom/gradido-custom/_input.scss       | 1 +
 frontend/src/assets/scss/custom/gradido-custom/_links.scss       | 1 +
 frontend/src/assets/scss/custom/gradido-custom/_navs.scss        | 1 +
 frontend/src/assets/scss/custom/gradido-custom/_tables.scss      | 1 +
 7 files changed, 7 insertions(+)

diff --git a/frontend/src/assets/scss/custom/gradido-custom/_color.scss b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
index 278eb9670..b8bf23fe2 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_color.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
@@ -1,5 +1,6 @@
 // Color system
 @use "sass:map";
+@use "sass:color";
 
 $white: #fff !default;
 $gray-100: #f6f9fc !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
index 27aae2503..e29e1efec 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
@@ -1,4 +1,5 @@
 // Datepicker
+@use "sass:color";
 
 $datepicker-border-radius: $card-border-radius !default;
 $datepicker-dropdown-padding: 20px 22px !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
index 935481fb8..3db6ea8be 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
@@ -1,4 +1,5 @@
 // Form validation
+@use "sass:color";
 
 $form-feedback-valid-bg: color.adjust($success, 15%) !default;
 $form-feedback-valid-color: theme-color("success") !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_input.scss b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
index 339a4ace2..63475134f 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_input.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
@@ -1,4 +1,5 @@
 // Input
+@use "sass:color";
 
 $input-padding-y: $input-btn-padding-y !default;
 $input-padding-x: $input-btn-padding-x !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_links.scss b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
index ef6988b27..f46994c94 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_links.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
@@ -1,4 +1,5 @@
 // Links
+@use "sass:color";
 
 $link-color: $primary !default;
 $link-decoration: none !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
index 050ffe419..257044362 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
@@ -1,4 +1,5 @@
 // Navs
+@use "sass:color";
 
 $nav-link-padding-y: 0.25rem !default;
 $nav-link-padding-x: 0.75rem !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
index 8ce2f49bd..148190e19 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
@@ -1,4 +1,5 @@
 // Tables
+@use "sass:color";
 
 $table-cell-padding: 1rem !default;
 $table-cell-padding-sm: 0.5rem !default;

From 5d973a887ea4a7d1a4e70518499b56a0539b68bf Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 21:03:58 +0100
Subject: [PATCH 29/34] properly use color.adjust

---
 frontend/src/assets/scss/custom/gradido-custom/_color.scss  | 2 +-
 .../src/assets/scss/custom/gradido-custom/_datepicker.scss  | 6 +++---
 .../assets/scss/custom/gradido-custom/_form-validation.scss | 4 ++--
 frontend/src/assets/scss/custom/gradido-custom/_input.scss  | 2 +-
 frontend/src/assets/scss/custom/gradido-custom/_links.scss  | 2 +-
 frontend/src/assets/scss/custom/gradido-custom/_navs.scss   | 2 +-
 frontend/src/assets/scss/custom/gradido-custom/_tables.scss | 6 +++---
 7 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/assets/scss/custom/gradido-custom/_color.scss b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
index b8bf23fe2..20fcbefd6 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_color.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
@@ -68,7 +68,7 @@ $warning: $orange !default;
 $danger: $red !default;
 $light: $gray-500 !default;
 $dark: $gray-900 !default;
-$darker: color.adjust($gray-900, -15%) !default;
+$darker: color.adjust($gray-900, $lightness: -15%) !default;
 $facebook: #3b5999 !default;
 $twitter: #1da1f2 !default;
 $google-plus: #dd4b39 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
index e29e1efec..e745c22c5 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
@@ -4,7 +4,7 @@
 $datepicker-border-radius: $card-border-radius !default;
 $datepicker-dropdown-padding: 20px 22px !default;
 $datepicker-cell-transition: $transition-base !default;
-$datepicker-cell-hover-background: color.adjust($gray-400, 55%);
+$datepicker-cell-hover-background: color.adjust($gray-400, $lightness: 55%);
 $datepicker-cell-border-radius: 50% !default;
 $datepicker-cell-width: 36px !default;
 $datepicker-cell-height: 36px !default;
@@ -15,9 +15,9 @@ $datepicker-active-color: $white !default;
 $datepicker-active-background: theme-color("primary") !default;
 $datepicker-active-box-shadow: none !default;
 $datepicker-range-background: theme-color("primary") !default;
-$datepicker-range-cell-focused-background: color.adjust($datepicker-range-background, -5%);
+$datepicker-range-cell-focused-background: color.adjust($datepicker-range-background, $lightness: -5%);
 $datepicker-range-color: $white !default;
 $datepicker-range-highlighted-bg: $gray-200 !default;
-$datepicker-dropdown-border: color.adjust($gray-400, 40%);
+$datepicker-dropdown-border: color.adjust($gray-400, $lightness: 40%);
 $datepicker-dropdown-bg: $white !default;
 $datepicker-highlighted-bg: $datepicker-active-background !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
index 3db6ea8be..0d9243e08 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
@@ -1,7 +1,7 @@
 // Form validation
 @use "sass:color";
 
-$form-feedback-valid-bg: color.adjust($success, 15%) !default;
+$form-feedback-valid-bg: color.adjust($success, $lightness: 15%) !default;
 $form-feedback-valid-color: theme-color("success") !default;
-$form-feedback-invalid-bg: color.adjust($warning, 15%) !default;
+$form-feedback-invalid-bg: color.adjust($warning, $lightness: 15%) !default;
 $form-feedback-invalid-color: theme-color("warning") !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_input.scss b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
index 63475134f..12ecf12e5 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_input.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
@@ -17,7 +17,7 @@ $input-border-radius-sm: $border-radius-sm !default;
 $input-bg: $white !default;
 $input-disabled-bg: $gray-200 !default;
 $input-muted-bg: #f7fafe !default;
-$input-focus-muted-bg: color.adjust($input-muted-bg, 1%) !default;
+$input-focus-muted-bg: color.adjust($input-muted-bg, $lightness: 1%) !default;
 $input-alternative-box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%) !default;
 $input-focus-alternative-box-shadow: 0 4px 6px rgb(50 50 93 / 11%),0 1px 3px rgb(0 0 0 / 8%) !default;
 $input-color: $gray-600 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_links.scss b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
index f46994c94..bf06c470f 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_links.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
@@ -3,5 +3,5 @@
 
 $link-color: $primary !default;
 $link-decoration: none !default;
-$link-hover-color: color.adjust($link-color, -15%) !default;
+$link-hover-color: color.adjust($link-color, $lightness: -15%) !default;
 $link-hover-decoration: none !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
index 257044362..106c58c4a 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
@@ -14,7 +14,7 @@ $nav-pills-border-width: 1px !default;
 $nav-pills-border-color: theme-color("primary") !default;
 $nav-pills-border-radius: $border-radius !default;
 $nav-pills-link-color: theme-color("primary") !default;
-$nav-pills-link-hover-color: color.adjust(theme-color("primary"), -5%) !default;
+$nav-pills-link-hover-color: color.adjust(theme-color("primary"), $lightness: -5%) !default;
 $nav-pills-link-active-color: color-yiq(theme-color("primary")) !default;
 $nav-pills-link-active-bg: theme-color("primary") !default;
 $nav-pills-box-shadow: $btn-box-shadow !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
index 148190e19..7648d9cc3 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
@@ -20,7 +20,7 @@ $table-body-font-size: 0.8125rem !default;
 $table-dark-bg: theme-color("default") !default;
 $table-dark-accent-bg: rgba($white, 0.05) !default;
 $table-dark-hover-bg: rgba($white, 0.075) !default;
-$table-dark-border-color: color.adjust(theme-color("default"), 7%) !default;
+$table-dark-border-color: color.adjust(theme-color("default"), $lightness: 7%) !default;
 $table-dark-color: $body-bg !default;
-$table-dark-head-bg: color.adjust(theme-color("default"), 4%) !default;
-$table-dark-head-color: color.adjust(theme-color("default"), 35%) !default;
+$table-dark-head-bg: color.adjust(theme-color("default"), $lightness: 4%) !default;
+$table-dark-head-color: color.adjust(theme-color("default"), $lightness: 35%) !default;

From 227273f22ccd965e89c483ae42a86e487c9ab798 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 21:12:42 +0100
Subject: [PATCH 30/34] custom style defintions

---
 frontend/src/assets/scss/gradido.scss | 50 +++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/frontend/src/assets/scss/gradido.scss b/frontend/src/assets/scss/gradido.scss
index abb491206..14eda9971 100644
--- a/frontend/src/assets/scss/gradido.scss
+++ b/frontend/src/assets/scss/gradido.scss
@@ -208,3 +208,53 @@ a,
 .gradido-font-15rem {
   font-size: 1.5rem;
 }
+
+.gradido-custom-background {
+  background-color: #ebebeba3 !important;
+}
+
+.gradido-max-width {
+  width: 100%;
+}
+
+.gradido-width-300 {
+  width: 300px;
+}
+
+.gradido-absolute {
+  position: absolute;
+}
+
+.gradido-width-95-absolute {
+  width: 95%;
+  position: absolute;
+}
+
+.gradido-width-96-absolute {
+  width: 96%;
+  position: absolute;
+}
+
+.gradido-no-border-radius {
+  border-radius: 0;
+}
+
+.gradido-no-border {
+  border: 0;
+}
+
+.gradido-background-f1 {
+  background-color: #f1f1f1;
+}
+
+.gradido-background-white {
+  background-color: #fff;
+}
+
+.gradido-font-large {
+  font-size: large;
+}
+
+.gradido-font-15rem {
+  font-size: 1.5rem;
+}

From 30a16fafc4d2f1df0f905a7e60486b8d6b5c9ed0 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 21:12:55 +0100
Subject: [PATCH 31/34] fixed sass divison

---
 frontend/src/assets/scss/custom/gradido-custom/_fonts.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss b/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
index 473902364..3cd7f668d 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
@@ -1,4 +1,5 @@
 // Fonts
+@use "sass:math";
 
 $font-family-sans-serif: open sans, sans-serif !default;
 $font-family-base: $font-family-sans-serif !default;
@@ -20,7 +21,7 @@ $h3-font-size: $font-size-base * 1.0625 !default;
 $h4-font-size: $font-size-base * 0.9375 !default;
 $h5-font-size: $font-size-base * 0.8125 !default;
 $h6-font-size: $font-size-base * 0.625 !default;
-$headings-margin-bottom: ($spacer / 2);
+$headings-margin-bottom: (math.div($spacer, 2));
 $headings-font-family: inherit !default;
 $headings-font-weight: $font-weight-bold !default;
 $headings-line-height: 1.5 !default;

From 1951d834b3a88ad159a37940ef3be91bdeb233b7 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 21:16:24 +0100
Subject: [PATCH 32/34] fixed another error, remove duplicates

---
 .../custom/gradido-custom/_custom-forms.scss  |  4 +-
 frontend/src/assets/scss/gradido.scss         | 50 -------------------
 2 files changed, 3 insertions(+), 51 deletions(-)

diff --git a/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss b/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
index b0e686782..4fa437b38 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
@@ -19,7 +19,9 @@ $custom-control-indicator-checked-color: $component-active-color !default;
 $custom-control-indicator-checked-bg: $component-active-bg !default;
 $custom-control-indicator-checked-border-color: $component-active-border-color !default;
 $custom-control-indicator-checked-box-shadow: $custom-control-indicator-box-shadow !default;
-$custom-control-indicator-checked-disabled-bg: rgb(theme-color("primary") 0.5) !default;
+
+// $custom-control-indicator-checked-disabled-bg: rgb(theme-color("primary") 0.5) !default;
+$custom-control-indicator-checked-disabled-bg: theme-color("primary") !default;
 $custom-control-indicator-disabled-bg: $gray-200 !default;
 $custom-control-label-disabled-color: $gray-600 !default;
 $custom-checkbox-indicator-border-radius: $border-radius-sm !default;
diff --git a/frontend/src/assets/scss/gradido.scss b/frontend/src/assets/scss/gradido.scss
index 14eda9971..abb491206 100644
--- a/frontend/src/assets/scss/gradido.scss
+++ b/frontend/src/assets/scss/gradido.scss
@@ -208,53 +208,3 @@ a,
 .gradido-font-15rem {
   font-size: 1.5rem;
 }
-
-.gradido-custom-background {
-  background-color: #ebebeba3 !important;
-}
-
-.gradido-max-width {
-  width: 100%;
-}
-
-.gradido-width-300 {
-  width: 300px;
-}
-
-.gradido-absolute {
-  position: absolute;
-}
-
-.gradido-width-95-absolute {
-  width: 95%;
-  position: absolute;
-}
-
-.gradido-width-96-absolute {
-  width: 96%;
-  position: absolute;
-}
-
-.gradido-no-border-radius {
-  border-radius: 0;
-}
-
-.gradido-no-border {
-  border: 0;
-}
-
-.gradido-background-f1 {
-  background-color: #f1f1f1;
-}
-
-.gradido-background-white {
-  background-color: #fff;
-}
-
-.gradido-font-large {
-  font-size: large;
-}
-
-.gradido-font-15rem {
-  font-size: 1.5rem;
-}

From 333095c9270c7bbd6c6315cc23bab8af7ac24aea Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Mar 2022 23:54:21 +0100
Subject: [PATCH 33/34] use correct sass version

---
 frontend/package.json                           |  2 +-
 .../scss/custom/gradido-custom/_fonts.scss      |  4 +---
 frontend/yarn.lock                              | 17 +++++------------
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 82c50cbce..cbb6e01b7 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -78,7 +78,7 @@
     "postcss": "^8.4.8",
     "postcss-html": "^1.3.0",
     "postcss-scss": "^4.0.3",
-    "sass": "^1.49.9",
+    "sass": "1.32.13",
     "sass-loader": "^10",
     "stats-webpack-plugin": "^0.7.0",
     "stylelint": "^14.5.3",
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss b/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
index 3cd7f668d..be6fbe74a 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_fonts.scss
@@ -1,6 +1,4 @@
 // Fonts
-@use "sass:math";
-
 $font-family-sans-serif: open sans, sans-serif !default;
 $font-family-base: $font-family-sans-serif !default;
 $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
@@ -21,7 +19,7 @@ $h3-font-size: $font-size-base * 1.0625 !default;
 $h4-font-size: $font-size-base * 0.9375 !default;
 $h5-font-size: $font-size-base * 0.8125 !default;
 $h6-font-size: $font-size-base * 0.625 !default;
-$headings-margin-bottom: (math.div($spacer, 2));
+$headings-margin-bottom: ($spacer / 2);
 $headings-font-family: inherit !default;
 $headings-font-weight: $font-weight-bold !default;
 $headings-line-height: 1.5 !default;
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 040e14805..8605777c4 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -7949,11 +7949,6 @@ ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
   integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
 
-immutable@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
-  integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
-
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -12560,14 +12555,12 @@ sass-loader@^10:
     schema-utils "^3.0.0"
     semver "^7.3.2"
 
-sass@^1.49.9:
-  version "1.49.9"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.49.9.tgz#b15a189ecb0ca9e24634bae5d1ebc191809712f9"
-  integrity sha512-YlYWkkHP9fbwaFRZQRXgDi3mXZShslVmmo+FVK3kHLUELHHEYrCmL1x6IUjC7wLS6VuJSAFXRQS/DxdsC4xL1A==
+sass@1.32.13:
+  version "1.32.13"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.32.13.tgz#8d29c849e625a415bce71609c7cf95e15f74ed00"
+  integrity sha512-dEgI9nShraqP7cXQH+lEXVf73WOPCse0QlFzSD8k+1TcOxCMwVXfQlr0jtoluZysQOyJGnfr21dLvYKDJq8HkA==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
-    immutable "^4.0.0"
-    source-map-js ">=0.6.2 <2.0.0"
 
 sax@^1.2.4, sax@~1.2.4:
   version "1.2.4"
@@ -12938,7 +12931,7 @@ source-list-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==

From 1f89e8038dbe1d118869c5ac6ff14bb963a27bb0 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 11 Mar 2022 00:02:54 +0100
Subject: [PATCH 34/34] fix tabs in stylelintrc.js

---
 admin/.stylelintrc.js    | 6 +++---
 frontend/.stylelintrc.js | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/admin/.stylelintrc.js b/admin/.stylelintrc.js
index 3ca693d73..061b87a79 100644
--- a/admin/.stylelintrc.js
+++ b/admin/.stylelintrc.js
@@ -9,9 +9,9 @@ module.exports = {
       extends: ["stylelint-config-standard-scss"],
     },
     {
-        files: "**/*.vue",
-        customSyntax: "postcss-html",
-        extends: ["stylelint-config-recommended-vue"],
+      files: "**/*.vue",
+      customSyntax: "postcss-html",
+      extends: ["stylelint-config-recommended-vue"],
     }
   ]
 
diff --git a/frontend/.stylelintrc.js b/frontend/.stylelintrc.js
index 3ca693d73..061b87a79 100644
--- a/frontend/.stylelintrc.js
+++ b/frontend/.stylelintrc.js
@@ -9,9 +9,9 @@ module.exports = {
       extends: ["stylelint-config-standard-scss"],
     },
     {
-        files: "**/*.vue",
-        customSyntax: "postcss-html",
-        extends: ["stylelint-config-recommended-vue"],
+      files: "**/*.vue",
+      customSyntax: "postcss-html",
+      extends: ["stylelint-config-recommended-vue"],
     }
   ]