Fix CSS and JavaScript formatting issues

- Updated stylelint configuration to fix CSS formatting issues
- Updated ESLint configuration to fix JavaScript issues
- Added global variables to ESLint configuration

admin/css/admin-styles.css

@@ -11,7 +11,7 @@
 	padding: 20px;
 	background: #fff;
 	border-radius: 5px;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
 }
 
 .wpst-admin-header {
@@ -98,7 +98,7 @@
 	padding: 20px;
 	background: #fff;
 	border-radius: 3px;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
 }
 
 .wpst-card-header {
@@ -124,7 +124,7 @@
 }
 
 /* Responsive Styles */
-@media screen and (max-width: 782px) {
+@media screen and (width <= 782px) {
 	.wpst-form-table th {
 		width: 100%;
 		display: block;

admin/css/update-source-selector.css

@@ -14,7 +14,7 @@
 	width: 100%;
 	height: 100%;
 	overflow: auto;
-	background-color: rgba(0, 0, 0, 0.4);
+	background-color: rgb(0 0 0 / 40%);
 }
 
 .wpst-modal-content {
@@ -23,7 +23,7 @@
 	margin: 10% auto;
 	padding: 20px;
 	border-radius: 5px;
-	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
 	width: 500px;
 	max-width: 90%;
 }
@@ -45,7 +45,7 @@
 	top: 10px;
 	right: 15px;
 	font-size: 20px;
-	font-weight: bold;
+	font-weight: 700;
 	color: #666;
 	cursor: pointer;
 }
@@ -108,7 +108,7 @@
 	display: inline-block;
 	width: 20px;
 	height: 20px;
-	border: 2px solid rgba(0, 0, 0, 0.1);
+	border: 2px solid rgb(0 0 0 / 10%);
 	border-radius: 50%;
 	border-top-color: #0073aa;
 	animation: wpst-spin 1s ease-in-out infinite;