1 files changed, 19 insertions, 20 deletions

diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss
index 82f7b710..5a5d61c6 100644
--- a/src/assets/styles/bmc/_sila/_forms.scss
+++ b/src/assets/styles/bmc/_sila/_forms.scss
@@ -4,7 +4,7 @@
   line-height: $form-line-height;
   margin-top: -$spacer / 4;
   margin-bottom: $spacer / 2;
-  color: gray("700")!important;
+  color: gray("700") !important;
 }
 
 // Legend label
@@ -45,7 +45,7 @@
 }
 
 .custom-select {
-  background-image: url('~@/assets/images/_sila/chevron-down.svg');
+  background-image: url("~@/assets/images/_sila/chevron-down.svg");
   background-size: 18px;
 }
 
@@ -54,7 +54,7 @@
   -webkit-appearance: none;
   margin: 0;
 }
-.form-control[type='number'] {
+.form-control[type="number"] {
   -moz-appearance: textfield;
 }
 
@@ -116,8 +116,10 @@
 }
 
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
-.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
-.custom-control-input:checked ~ .custom-control-label::before  {
+.custom-checkbox
+  .custom-control-input:indeterminate
+  ~ .custom-control-label::before,
+.custom-control-input:checked ~ .custom-control-label::before {
   border: 1px solid $red !important;
   background-color: $red !important;
   box-shadow: 0px 0px 0px 3px $white inset;
@@ -127,16 +129,16 @@
   }
 }
 
-.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
   background-image: none;
 }
 
 .custom-control {
-  .custom-control-input[disabled=disabled] {
+  .custom-control-input[disabled="disabled"] {
     & + .custom-control-label {
       // Disabled label for checkbox, radio,
       // switch bootstrap form components
-      color: gray("600")!important;
+      color: gray("600") !important;
     }
   }
 }
@@ -146,13 +148,11 @@
   height: 16px;
 }
 
-.custom-switch
-.custom-control-input:focus ~ .custom-control-label::before {
+.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
   box-shadow: none;
 }
 
-.custom-switch
-.custom-control-input ~ .custom-control-label::after {
+.custom-switch .custom-control-input ~ .custom-control-label::after {
   border: 1px solid $gray-20;
   background: $white;
 }
@@ -166,8 +166,7 @@
   border-color: $gray-20;
 }
 
-.custom-switch
-.custom-control-input ~ .custom-control-label::before {
+.custom-switch .custom-control-input ~ .custom-control-label::before {
   border: 1px solid $gray-20;
   background: rgba(4, 10, 15, 0.3);
 }
@@ -192,10 +191,10 @@
 }
 
 // Form validation icon
-  .form-control.is-invalid,
-  .form-control.is-valid {
-    background-position: right 1rem bottom 50%;
-  }
+.form-control.is-invalid,
+.form-control.is-valid {
+  background-position: right 1rem bottom 50%;
+}
 
 // Form validation icon with datepicker or password toggle icon
 .form-control-with-button {
@@ -208,7 +207,7 @@
 .invisible {
   height: 0;
   margin-bottom: 0;
-}  
+}
 // Global style progress bar
 .progress {
   height: 8px;
@@ -241,4 +240,4 @@
     display: flex;
     flex-direction: column;
   }
-}
\ No newline at end of file
+}