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
This commit is contained in:
Ralph Hopman
2024-11-28 13:46:48 +01:00
committed by Adam Saghy
parent 756ce9e0c7
commit 31f1890051
345 changed files with 2308 additions and 4783 deletions
@@ -1,11 +1,11 @@
.penalty-wrapper {
padding: 17.5px 0 17.5px 0;
padding: 17.5px 0;
}
.active-wrapper {
padding: 17.5px 0 17.5px 0;
padding: 17.5px 0;
}
.add-fee-frequency-wrapper {
padding: 17.5px 0 17.5px 0;
padding: 17.5px 0;
}
@@ -1,6 +1,6 @@
.container {
max-width: 37rem;
.content {
div {
margin: 1rem 0;
@@ -1,24 +1,23 @@
table {
width: 100%;
.select-row:hover {
cursor: pointer;
}
width: 100%;
.select-row:hover {
cursor: pointer;
}
.true {
color: #32cd32;
}
.false {
color: #f44366;
}
.ispenalty {
color: #32cd32;
}
.nopenalty {
color: #f44366;
}
}
.true {
color: #32cd32;
}
.false {
color: #f44366;
}
.ispenalty {
color: #32cd32;
}
.nopenalty {
color: #f44366;
}
@@ -1,11 +1,10 @@
.container {
max-width: 37rem;
.content {
div {
margin: 1rem 0;
word-wrap: break-word;
}
max-width: 37rem;
.content {
div {
margin: 1rem 0;
word-wrap: break-word;
}
}
}
@@ -3,19 +3,21 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h3, h4 {
h3,
h4 {
font-weight: 500;
}
mat-radio-group, h4 {
mat-radio-group,
h4 {
margin: 1em 0;
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -3,7 +3,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
.margin-t {
@@ -1,3 +1,9 @@
h3,
h4 {
font-weight: 500;
margin: 1em 0;
}
table {
width: 100%;
@@ -23,19 +29,11 @@ table {
}
mat-divider {
margin: 1em 0 1em 0;
margin: 1em 0;
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
}
h3, h4 {
font-weight: 500;
}
h3, h4 {
margin: 1em 0;
margin: 1em 0 1.5em;
}
.margin-t {
@@ -1,4 +1,12 @@
@import "assets/styles/helper";
@use 'assets/styles/helper';
@use 'assets/styles/colours' as *;
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
table {
width: 100%;
@@ -32,12 +40,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
}
h2, h3, h4 {
margin: 0;
font-weight: 500;
margin: 1em 0 1.5em;
}
span {
@@ -45,7 +48,7 @@ span {
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.margin-t {
@@ -4,7 +4,7 @@ h4 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-v {
@@ -12,7 +12,7 @@ mat-divider {
}
.margin-b {
margin: 0 0 1em 0;
margin: 0 0 1em;
}
.margin-t {
@@ -4,7 +4,7 @@ h4 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -1,4 +1,5 @@
@import "assets/styles/helper";
@use 'assets/styles/helper';
@use 'assets/styles/colours' as *;
.container {
width: 100%;
@@ -16,10 +17,12 @@
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h2, h3, h4 {
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
@@ -29,7 +32,7 @@ span {
}
.mat-card .mat-divider-horizontal.mat-divider-inset {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.margin-t {
@@ -7,6 +7,7 @@
.navigation-tabs {
overflow: auto;
}
i:hover {
cursor: pointer;
}
@@ -1,15 +1,13 @@
@media (min-width: 992px) {
@media (width >= 992px) {
.checkbox-wrapper {
position: relative;
.checkbox {
padding: 0 0 17.5px 0;
padding: 0 0 17.5px;
position: absolute;
bottom: 0;
}
}
}
// TODO: CONFIGURE THESE CLASSES GLOBALLY
@@ -1,15 +1,13 @@
@media (min-width: 992px) {
@media (width >= 992px) {
.checkbox-wrapper {
position: relative;
.checkbox {
padding: 0 0 17.5px 0;
padding: 0 0 17.5px;
position: absolute;
bottom: 0;
}
}
}
// TODO: CONFIGURE THESE CLASSES GLOBALLY
@@ -1,16 +1,16 @@
table {
width: 100%;
width: 100%;
.select-row:hover {
cursor: pointer;
}
.select-row:hover {
cursor: pointer;
}
}
// TODO: CONFIGURE THESE CLASSES GLOBALLY
// TODO: CONFIGURE THESE CLASSES GLOBALLY
.is-base-lending-rate-or-active {
color: #32cd32;
color: #32cd32;
}
.not-is-base-lending-rate-or-active {
color: #f44366;
color: #f44366;
}
@@ -1,19 +1,19 @@
table {
width: 100%;
width: 100%;
}
// TODO: CONFIGURE THESE CLASSES GLOBALLY
.is-differential {
color: #32cd32;
color: #32cd32;
}
.not-is-differential {
color: #f44366;
color: #f44366;
}
.content {
div {
margin: 1rem 0;
word-wrap: break-word;
}
div {
margin: 1rem 0;
word-wrap: break-word;
}
}
@@ -1,4 +1,4 @@
@import "assets/styles/colours";
@use 'assets/styles/colours' as *;
.tab-container {
padding: 1%;
@@ -14,10 +14,12 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h2, h3, h4 {
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
@@ -27,7 +29,7 @@ span {
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.mat-h3 {
@@ -1,5 +1,5 @@
.container {
padding-bottom: 30px;
padding-bottom: 30px;
}
fa-icon {
@@ -3,19 +3,21 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h3, h4 {
h3,
h4 {
font-weight: 500;
}
mat-radio-group, h4 {
mat-radio-group,
h4 {
margin: 1em 0;
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -3,7 +3,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h3 {
@@ -11,7 +11,7 @@ h3 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -1,4 +1,4 @@
@import "assets/styles/colours";
@use 'assets/styles/colours' as *;
tr:hover {
cursor: move;
@@ -7,10 +7,11 @@ tr:hover {
.cdk-drag-preview {
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12);
display: table;
box-shadow:
0 5px 5px -3px rgb(0 0 0 / 20%),
0 8px 10px 1px rgb(0 0 0 / 14%),
0 3px 14px 2px rgb(0 0 0 / 12%);
display: table;
background-color: $white;
}
@@ -1,12 +1,12 @@
@import "assets/styles/colours";
@use 'assets/styles/colours' as *;
::ng-deep .mat-tab-body-wrapper {
width: 96%;
margin: auto;
width: 96%;
margin: auto;
}
::ng-deep .mat-tab-label.mat-tab-disabled {
padding: 0px;
padding: 0;
margin: 0;
justify-content: left;
color: $status-approved;
@@ -1,14 +1,17 @@
@import "assets/styles/colours";
@use 'assets/styles/colours';
@use 'assets/styles/colours' as *;
table {
width: 100%;
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h2, h3, h4 {
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
@@ -18,7 +21,7 @@ span {
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.mat-h3 {
@@ -1,6 +1,7 @@
@import "assets/styles/colours";
@use 'assets/styles/colours' as *;
h3, h4 {
h3,
h4 {
font-weight: 500;
}
@@ -9,7 +10,7 @@ h4 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-v {
@@ -17,7 +18,7 @@ mat-divider {
}
.margin-b {
margin: 0 0 1em 0;
margin: 0 0 1em;
}
.margin-t {
@@ -25,6 +26,6 @@ mat-divider {
}
.by-default {
color: rgba($status-approved, .7);
color: rgba($status-approved, 0.7);
font-weight: 700;
}
@@ -3,10 +3,11 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h3, h4 {
h3,
h4 {
font-weight: 500;
}
@@ -15,7 +16,7 @@ h4 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -7,6 +7,7 @@
.navigation-tabs {
overflow: auto;
}
i:hover {
cursor: pointer;
}
@@ -2,6 +2,7 @@
.action-button {
margin-left: auto;
}
.search-button {
min-width: 30px;
margin: 4px;
@@ -12,7 +13,8 @@ table {
tr.select-row:hover {
cursor: pointer;
}
tr:nth-child(odd).td{
color : black;
tr:nth-child(odd).td {
color: black;
}
}
@@ -2,6 +2,7 @@
.action-button {
margin-left: auto;
}
.search-button {
min-width: 30px;
margin: 4px;
@@ -12,7 +13,8 @@ table {
tr.select-row:hover {
cursor: pointer;
}
tr:nth-child(odd).td{
color : black;
tr:nth-child(odd).td {
color: black;
}
}
@@ -1,10 +1,10 @@
.container {
max-width: 37rem;
.content {
div {
margin: 0.8rem 0;
word-wrap: break-word;
}
max-width: 37rem;
.content {
div {
margin: 0.8rem 0;
word-wrap: break-word;
}
}
}
@@ -1,10 +1,10 @@
.container {
display: flex;
align-items: flex-start;
justify-content: space-evenly;
.inline-table {
display: inline-block;
width: 45%;
}
}
.container {
display: flex;
align-items: flex-start;
justify-content: space-evenly;
.inline-table {
display: inline-block;
width: 45%;
}
}
@@ -3,19 +3,21 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h3, h4 {
h3,
h4 {
font-weight: 500;
}
mat-radio-group, h4 {
mat-radio-group,
h4 {
margin: 1em 0;
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -3,7 +3,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
.margin-t {
@@ -1,3 +1,9 @@
h3,
h4 {
font-weight: 500;
margin: 1em 0;
}
table {
width: 100%;
@@ -23,19 +29,11 @@ table {
}
mat-divider {
margin: 1em 0 1em 0;
margin: 1em 0;
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
}
h3, h4 {
font-weight: 500;
}
h3, h4 {
margin: 1em 0;
margin: 1em 0 1.5em;
}
.margin-t {
@@ -1,3 +1,10 @@
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
table {
width: 100%;
@@ -24,12 +31,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
}
h2, h3, h4 {
margin: 0;
font-weight: 500;
margin: 1em 0 1.5em;
}
span {
@@ -37,7 +39,7 @@ span {
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.margin-t {
@@ -4,7 +4,7 @@ h4 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-v {
@@ -12,7 +12,7 @@ mat-divider {
}
.margin-b {
margin: 0 0 1em 0;
margin: 0 0 1em;
}
.margin-t {
@@ -4,7 +4,7 @@ h4 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -1,4 +1,5 @@
@import "assets/styles/helper";
@use 'assets/styles/helper';
@use 'assets/styles/colours' as *;
.container {
width: 100%;
@@ -16,11 +17,18 @@
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
.interestCarts {
float:right;
float: right;
}
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
table {
@@ -48,21 +56,12 @@ table {
}
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
}
h2, h3, h4 {
margin: 0;
font-weight: 500;
}
span {
margin: 0.5em 0;
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.margin-t {
@@ -7,6 +7,7 @@
.navigation-tabs {
overflow: auto;
}
i:hover {
cursor: pointer;
}
@@ -3,19 +3,21 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h3, h4 {
h3,
h4 {
font-weight: 500;
}
mat-radio-group, h4 {
mat-radio-group,
h4 {
margin: 1em 0;
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -3,7 +3,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
.margin-t {
@@ -1,4 +1,5 @@
@import "assets/styles/helper";
@use 'assets/styles/helper';
@use 'assets/styles/colours' as *;
.tab-container {
padding: 1%;
@@ -12,11 +13,18 @@
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
.interestCarts {
float:right;
float: right;
}
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
table {
@@ -44,21 +52,12 @@ table {
}
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
}
h2, h3, h4 {
margin: 0;
font-weight: 500;
}
span {
margin: 0.5em 0;
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.margin-t {
@@ -3,7 +3,7 @@ h3 {
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-v {
@@ -11,7 +11,7 @@ mat-divider {
}
.margin-b {
margin: 0 0 1em 0;
margin: 0 0 1em;
}
.margin-t {
@@ -1,4 +1,5 @@
@import "assets/styles/helper";
@use 'assets/styles/helper';
@use 'assets/styles/colours' as *;
.tab-container {
padding: 1%;
@@ -12,7 +13,14 @@
}
.interestCarts {
float:right;
float: right;
}
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
table {
@@ -41,12 +49,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
}
h2, h3, h4 {
margin: 0;
font-weight: 500;
margin: 1em 0 1.5em;
}
span {
@@ -54,7 +57,7 @@ span {
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.margin-t {
@@ -7,6 +7,7 @@
.navigation-tabs {
overflow: auto;
}
i:hover {
cursor: pointer;
}
@@ -1,3 +1,3 @@
.container {
max-width: 37rem;
max-width: 37rem;
}
@@ -1,7 +1,7 @@
table {
width: 100%;
width: 100%;
.select-row:hover {
cursor: pointer;
}
.select-row:hover {
cursor: pointer;
}
}
@@ -2,12 +2,13 @@ h4 {
font-weight: 500;
}
mat-radio-group, h4 {
mat-radio-group,
h4 {
margin: 1em 0;
}
mat-divider {
margin: 1em 0 2em 0;
margin: 1em 0 2em;
}
.margin-t {
@@ -3,7 +3,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
.margin-t {
@@ -3,7 +3,7 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h4 {
@@ -3,10 +3,12 @@ table {
}
.mat-elevation-z1 {
margin: 1em 0 1.5em 0;
margin: 1em 0 1.5em;
}
h2, h3, h4 {
h2,
h3,
h4 {
margin: 0;
font-weight: 500;
}
@@ -16,7 +18,7 @@ span {
}
mat-divider {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.margin-t {
@@ -1,4 +1,5 @@
@import "assets/styles/helper";
@use 'assets/styles/helper';
@use 'assets/styles/colours' as *;
.tab-container {
padding: 1%;
@@ -7,6 +7,7 @@
.navigation-tabs {
overflow: auto;
}
i:hover {
cursor: pointer;
}