build: Upgrade stylelint to version 16 and fix issues

Migrate upgrade stylelint from version 10 to 16 and fix all the stylelint and prettier issues in scss files. The following deprecated stylistic rules are no longer supported in stylelint, and the checks are taken over by prettier: - string-quotes - max-empty-lines - max-line-length
2024-11-28 13:46:48 +01:00
parent 756ce9e0c7
commit 31f1890051
345 changed files with 2308 additions and 4783 deletions
@@ -1,13 +1,16 @@
 .address {
-  .address-actions{
+  .address-actions {
    margin-top: 1%;
-    button{
+
+    button {
      margin-right: 1%;
    }
  }
+
  h3 {
    margin: 1% auto;
  }
+
  p {
    line-height: 30px;
    margin-left: 2%;
@@ -1,13 +1,16 @@
 .family-member {
-  .family-member-actions{
+  .family-member-actions {
    margin-top: 1%;
-    button{
+
+    button {
      margin-right: 1%;
    }
  }
+
  h3 {
    margin: 1% auto;
  }
+
  p {
    line-height: 30px;
    margin-left: 2%;
@@ -1,5 +1,5 @@
 .margin-v {
-  margin: 2em 0 0 0;
+  margin: 2em 0 0;
 }

 .margin-t {
@@ -1,4 +1,6 @@
-h2, h3, h4 {
+h2,
+h3,
+h4 {
  margin: 0;
  font-weight: 500;
 }
@@ -8,7 +10,7 @@ span {
 }

 mat-divider {
-  margin: 0 0 0.5em 0;
+  margin: 0 0 0.5em;
 }

 .margin-t {
@@ -19,6 +21,7 @@ mat-divider {
  h3 {
    margin: 1% auto;
  }
+
  p {
    line-height: 30px;
    margin-left: 2%;
@@ -29,6 +32,7 @@ mat-divider {
  h3 {
    margin: 1% auto;
  }
+
  p {
    line-height: 30px;
    margin-left: 2%;
@@ -1,14 +1,16 @@
 .tab-container {
-  padding:1%;
+  padding: 1%;
  margin: 1%;

  .address {
-    .address-actions{
+    .address-actions {
      margin-top: 1%;
-      button{
+
+      button {
        margin-right: 1%;
      }
    }
+
    h3 {
      margin: 1% auto;
    }
@@ -19,4 +21,3 @@
    }
  }
 }
-  
@@ -1,6 +1,6 @@
 table {
-	width: 100%;
-	margin-top: 3%;
+  width: 100%;
+  margin-top: 3%;
 }

 .tab-container {
@@ -1,19 +1,19 @@
-.delBtn{
-    width: 20px !important;
-    height: 25px;
-    min-width: 20px!important;
-    line-height: 0px;
-    padding-left: 10px;
-    padding-right: 25px;
+.delBtn {
+  width: 20px !important;
+  height: 25px;
+  min-width: 20px !important;
+  line-height: 0px;
+  padding-left: 10px;
+  padding-right: 25px;
 }

 .strikeoff {
-    color: red !important;
-    text-decoration: line-through;
-    text-decoration-style: double;
+  color: red !important;
+  text-decoration: line-through;
+  text-decoration-style: double;
 }

 .share-account-tables {
-    display: flex;
-    justify-content: space-between;
-} 
+  display: flex;
+  justify-content: space-between;
+}
@@ -1,4 +1,3 @@
 .container {
-    width: 37rem;
-  }
-  
+  width: 37rem;
+}
@@ -1,5 +1,6 @@
 .container {
  max-width: 37rem;
+
  .print {
    align-self: flex-end;
  }
@@ -1,19 +1,17 @@
 .fa-question-circle {
-    color: #1abc9c;
+  color: #1abc9c;
 }

 .fa {
-    display: inline-block;
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  display: inline-block;
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }

-* {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
+mat-card {
+  box-sizing: border-box;
 }
@@ -1,19 +1,18 @@
 .surveyOption {
-    border: 1px solid #cbcbcb;
-    padding: 5px;
-
+  border: 1px solid #cbcbcb;
+  padding: 5px;
 }

 .displayQuestions {
-    margin-top: 20px;
+  margin-top: 20px;
 }

 .question {
-  padding: 10px 0px;
+  padding: 10px 0;
 }

 .wrap-mat-radio-label {
-  white-space: normal
+  white-space: normal;
 }

 .questionText {
@@ -21,16 +20,16 @@
 }

 .surveySelect {
-    height: 40px;
-    margin-bottom: 20px;
+  height: 40px;
+  margin-bottom: 20px;
 }

 .nameLabel {
-    width: 25%;
+  width: 25%;
 }

 .surveyCont {
-    padding: 5%
+  padding: 5%;
 }

 .button-cancel {
@@ -1,4 +1,4 @@
-.headingContent{
+.headingContent {
  margin-bottom: 1%;
  margin-top: 1%;
 }
@@ -7,11 +7,13 @@
        margin: 4px;
        line-height: 25px;
      }
+
      .signature {
        color: white;
        text-align: center;
        margin: 0;
        padding: 2%;
+
        &:hover {
          cursor: pointer;
        }
@@ -5,8 +5,10 @@
  h3 {
    margin: 1% auto;
  }
+
  table {
    width: 100%;
+
    .document-action-button {
      min-width: 26px;
      padding: 0 6px;
@@ -2,10 +2,12 @@
  width: 70%;
  margin: 0 auto;
  padding: 5%;
-  @media screen and (min-width:960px) {
+
+  @media screen and (width >=960px) {
    [fxFlex]:nth-child(odd) {
      margin-right: 25px;
    }
+
    [fxFlex]:last-child {
      margin-right: 0;
    }
@@ -1,14 +1,15 @@
 .add-family-member-container {
-    width: 70%;
-    margin: 0 auto;
-    padding: 5%;
-    @media screen and (min-width:960px) {
-      [fxFlex]:nth-child(odd) {
-        margin-right: 25px;
-      }
-      [fxFlex]:last-child {
-        margin-right: 0;
-      }
+  width: 70%;
+  margin: 0 auto;
+  padding: 5%;
+
+  @media screen and (width >=960px) {
+    [fxFlex]:nth-child(odd) {
+      margin-right: 25px;
+    }
+
+    [fxFlex]:last-child {
+      margin-right: 0;
    }
  }
-  
+}
@@ -1,14 +1,16 @@
 .tab-container {
-  padding:1%;
+  padding: 1%;
  margin: 1%;

  .family-member {
-    .family-member-actions{
+    .family-member-actions {
      margin-top: 1%;
-      button{
+
+      button {
        margin-right: 1%;
      }
    }
+
    h3 {
      margin: 1% auto;
    }
@@ -2,9 +2,10 @@
  padding: 1%;
  margin: 1%;

-  h3{
-    margin:1% auto;
+  h3 {
+    margin: 1% auto;
  }
+
  .performance-history-container {
    border: 1px solid;
    padding: 1%;
@@ -12,10 +13,12 @@

  table {
    width: 100%;
+
    td:hover {
      cursor: pointer;
    }
-    .account-action-button{
+
+    .account-action-button {
      min-width: 26px;
      padding: 0 6px;
      margin: 4px;
@@ -26,7 +29,6 @@
      cursor: pointer;
    }
  }
-
 }

 .heading-content {
@@ -1,18 +1,19 @@
 .tab-container {
-    padding: 1%;
-    margin: 1%;
-  
-    h3{
-      margin:1% auto;
-    }
-    table {
-      width: 100%;
-      .identity-action-button{
-        min-width: 26px;
-        padding: 0 6px;
-        margin: 4px;
-        line-height: 25px;
-      }
+  padding: 1%;
+  margin: 1%;
+
+  h3 {
+    margin: 1% auto;
+  }
+
+  table {
+    width: 100%;
+
+    .identity-action-button {
+      min-width: 26px;
+      padding: 0 6px;
+      margin: 4px;
+      line-height: 25px;
    }
  }
-  
+}
@@ -2,13 +2,16 @@
  .action-button {
    margin-left: auto;
  }
+
  .search-button {
    min-width: 30px;
    margin: 4px;
  }
+
  .search-box {
    min-width: 320px;
  }
+
  .filter-box {
    min-width: 280px;
  }
@@ -18,8 +21,9 @@ table {
  tr.select-row:hover {
    cursor: pointer;
  }
-  tr:nth-child(odd).td{
-    color : black;
+
+  tr:nth-child(odd).td {
+    color: black;
  }
 }

@@ -27,13 +31,14 @@ $bar: 150px;
 $foo: $bar * 8;
 $color: #e2e4ec;

-
 .loading {
  position: absolute;
  width: $bar;
  height: 8px;
-  background: linear-gradient(125deg, rgb(255, 255, 255), #c4d2e9, rgb(255, 255, 255));
-  animation: grow 4s linear infinite, move 4s linear infinite;
+  background: linear-gradient(125deg, rgb(255 255 255), #c4d2e9, rgb(255 255 255));
+  animation:
+    grow 4s linear infinite,
+    move 4s linear infinite;
  top: 75px;
 }

@@ -51,7 +56,7 @@ $color: #e2e4ec;
  }

  33.3% {
-    left: $foo / 2;
+    left: calc($foo / 2);
  }

  50% {
@@ -59,7 +64,7 @@ $color: #e2e4ec;
  }

  66.7% {
-    left: $foo / 2;
+    left: calc($foo / 2);
  }

  83.3% {
@@ -77,11 +82,11 @@ $color: #e2e4ec;
  }

  16.7% {
-    width: $foo / 2;
+    width: calc($foo / 2);
  }

  33.3% {
-    width: $foo / 2;
+    width: calc($foo / 2);
  }

  50% {
@@ -89,11 +94,11 @@ $color: #e2e4ec;
  }

  66.7% {
-    width: $foo / 2;
+    width: calc($foo / 2);
  }

  83.3% {
-    width: $foo / 2;
+    width: calc($foo / 2);
  }

  100% {
@@ -1,3 +1,3 @@
 .margin-v {
-  margin: 2em 0 0 0;
+  margin: 2em 0 0;
 }