remove unused files and refactor variable names and function names

resources/assets/sass/components/avatar-cropper.scss

@@ -34,4 +34,5 @@
         color: $ls-color-gray;
         margin-bottom: 10px;
     }
+
 }

resources/assets/sass/components/base-modal.scss

@@ -62,7 +62,3 @@
     }
 
 }
-
-
-
-

resources/assets/sass/components/base-tabs.scss

@@ -73,4 +73,5 @@
         font-weight: 500;
         color: $ls-color-black--light !important;
     }
+
 }

resources/assets/sass/components/base/base-date-picker.scss

@@ -24,8 +24,6 @@
         }
     }
 
-
-
 }
 
 .vdp-datepicker__calendar-button {
@@ -39,7 +37,8 @@
     line-height: 16px;
     top: 50%;
     left: 20px;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
+
     .icon-fa {
         color: $ls-color-gray;
     }

resources/assets/sass/components/base/base-popup.scss

@@ -19,6 +19,7 @@
         box-shadow: $shadow-lg;
         border-radius: 5px;
     }
+
     .selector-menu-above {
         top: unset !important;
         bottom: 100% !important;

resources/assets/sass/components/base/base-text-area.scss

@@ -1,5 +1,6 @@
 .base-text-area {
     width: 100%;
+
     &.text-area-field {
         width: 100%;
         padding: 8px 13px;
@@ -38,5 +39,7 @@
         &-icon {
             padding-left: 35px;
         }
+
     }
+
 }

resources/assets/sass/components/buttons.scss

@@ -57,6 +57,7 @@
 .btn-icon {
     padding: 0.6rem;
     line-height: 1em;
+
     i {
         text-align: center;
     }
@@ -160,6 +161,3 @@
     opacity: 0.9;
     color: $ls-color-primary;
 }
-
-.btn-crater-hollow:focus {
-}

resources/assets/sass/components/cards.scss

@@ -1,5 +1,4 @@
 // cards.scss - Custom Cards
-
 .card {
     margin-bottom: 1.5rem;
     border: none;

resources/assets/sass/components/hamburgers.scss

@@ -10,7 +10,7 @@
     background-color: transparent;
     border: 0;
     margin: 0;
-    overflow: visible; 
+    overflow: visible;
 }
 
 .hamburger-box {
@@ -25,34 +25,44 @@
     top: 50%;
     left: 4.5px;
     right: 4.5px;
-    margin-top: -2px; 
+    margin-top: -2px;
 }
-.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
+
+.hamburger-inner,
+.hamburger-inner::before,
+.hamburger-inner::after {
     height: 2px;
     background-color: $header-buttons-font-color;
     border-radius: 2px;
     position: absolute;
     transition-property: transform;
     transition-duration: 0.15s;
-    transition-timing-function: ease; 
+    transition-timing-function: ease;
 }
-.hamburger-inner::before, .hamburger-inner::after {
+
+.hamburger-inner::before,
+.hamburger-inner::after {
     content: "";
     display: block;
     width:100%;
 }
+
 .hamburger-inner::before {
-    top: -5px; 
+    top: -5px;
 }
+
 .hamburger-inner::after {
-    bottom: -5px; 
+    bottom: -5px;
 }
+
 .hamburger--arrowturn.is-active .hamburger-inner {
     transform: rotate(-180deg);
 }
+
 .hamburger--arrowturn.is-active .hamburger-inner::before {
-    transform: translate3d(3px, 1px, 0) rotate(45deg) scale(0.7, 1); 
+    transform: translate3d(3px, 1px, 0) rotate(45deg) scale(0.7, 1);
 }
+
 .hamburger--arrowturn.is-active .hamburger-inner::after {
-    transform: translate3d(3px, -1px, 0) rotate(-45deg) scale(0.7, 1); 
+    transform: translate3d(3px, -1px, 0) rotate(-45deg) scale(0.7, 1);
 }

resources/assets/sass/components/item-modal.scss

@@ -23,16 +23,10 @@
 
 @media(max-width: $x-small-breakpoint ) {
 
-    .base-modal {
+    .base-modal .item-modal .input-label{
 
-        .item-modal {
-
-            .input-label {
-                text-align: left;
-            }
-
-        }
+        text-align: left;
 
     }
 
-}
+}

resources/assets/sass/components/pace-loader.scss

@@ -58,19 +58,23 @@
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
 }
+
 @-moz-keyframes pace-spinner {
   0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
   100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
 }
+
 @-o-keyframes pace-spinner {
   0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
   100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
 }
+
 @-ms-keyframes pace-spinner {
   0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
   100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
 }
+
 @keyframes pace-spinner {
   0% { transform: rotate(0deg); transform: rotate(0deg); }
   100% { transform: rotate(360deg); transform: rotate(360deg); }
-}
+}

resources/assets/sass/components/tables.scss

@@ -290,7 +290,7 @@ table.full-width {
 }
 
 .table-component td > span:first-child {
-    background: $gray--light;
+    background: $ls-color-gray--light;
     color: $ls-color-secondary;
     display: none;
     font-size: 10px;
@@ -346,7 +346,7 @@ table.full-width {
             position: relative;
             width: 50%;
             left: 0;
-            border: 1px solid $gray--light !important;
+            border: 1px solid $ls-color-gray--light !important;
 
             &:not(:first-child) {
                 text-align: center !important;