Replaces sasslint to stylelint to conform to changes in core dashboards

package.json

@@ -15,13 +15,13 @@
     "build": "yarn plugin-helpers build && node build_tools/rename_zip.js",
     "start": "node ../../scripts/opensearch-dashboards --dev",
     "lint:es": "node ../../scripts/eslint",
-    "lint:sass": "node ../../scripts/sasslint",
-    "lint": "yarn run lint:es && yarn run lint:sass",
+    "lint:style": "node ../../scripts/stylelint",
+    "lint": "yarn run lint:es && yarn run lint:style",
     "test:jest_server": "node ./test/run_jest_tests.js --config ./test/jest.config.server.js",
     "test:jest_ui": "node ./test/run_jest_tests.js --config ./test/jest.config.ui.js"
   },
   "devDependencies": {
-    "@elastic/eslint-import-resolver-kibana": "link:../../packages/osd-eslint-import-resolver-opensearch-dashboards", 
+    "@elastic/eslint-import-resolver-kibana": "link:../../packages/osd-eslint-import-resolver-opensearch-dashboards",
     "typescript": "4.0.2",
     "gulp-rename": "2.0.0",
     "@testing-library/react-hooks": "^3.4.1",

public/apps/configuration/_index.scss

@@ -13,31 +13,31 @@
  *   permissions and limitations under the License.
  */
 
- .panel-header-count {
-    color: #687078;
-    font-weight: normal;
+.panel-header-count {
+  color: #687078;
+  font-weight: normal;
 }
 
 .panel-header-subtext {
-    width: 75%;
+  width: 75%;
 }
 
 .text-center {
-    text-align: 'center'
+  text-align: "center";
 }
 
 .panel-restrict-width {
-    max-width: 75%;
+  max-width: 75%;
 }
 
 .external-link-inline-block {
   display: inline-block;
 }
 
 .table-items {
-    font-size: inherit;
+  font-size: inherit;
 }
 
 .limit-width-input {
-    max-width: 400px;
+  max-width: 400px;
 }

public/apps/configuration/panels/audit-logging/_index.scss

@@ -1,11 +1,11 @@
 .described-form-group {
-  max-width: 1500px
+  max-width: 1500px;
 }
 
 .form-row {
-  max-width: 800px
+  max-width: 800px;
 }
 
 pre code {
-  color: #666666;
+  color: #666;
 }

public/apps/configuration/panels/permission-tree/_index.scss

@@ -15,7 +15,7 @@
 
 .permission-tree-container {
   max-height: 200px;
-  overflow-Y: scroll;
+  overflow-y: scroll;
   width: 100%;
 }
 

public/apps/customerror/_index.scss

@@ -14,8 +14,8 @@
  */
 
 .custom-error-wrapper {
-    margin: 10% auto;
-    width: 350px;
-    padding: 1rem;
-    position: relative;
+  margin: 10% auto;
+  width: 350px;
+  padding: 1rem;
+  position: relative;
 }

public/apps/login/_index.scss

@@ -14,12 +14,12 @@
  */
 
 .login-wrapper {
-    margin: 10% auto;
-    width: 350px;
-    padding: 1rem;
-    position: relative;
+  margin: 10% auto;
+  width: 350px;
+  padding: 1rem;
+  position: relative;
 }
 
 .btn-login {
-    width: 100%;
+  width: 100%;
 }