More CSS linting

Author: oskarrough

eslint.config.js

@@ -10,7 +10,13 @@ export default defineConfig([
 	{
 		files: ['src/**/*.css'],
 		plugins: { css },
-		language: 'css/css'
+		language: 'css/css',
+		...css.configs.recommended,
+		rules: {
+			"css/use-baseline": ["warn", {
+				available: 'newly'
+			}]
+		}
 	},
 
 	// Lint javascripts

src/ui/styles/app.css

@@ -47,6 +47,7 @@ button[danger] {
 
 summary {
 	user-select: none;
+	-webkit-user-select: none;
 }
 
 pre {
@@ -281,6 +282,7 @@ h2 {
 	margin-left: 1rem;
 	transition: background 700ms;
 	user-select: none;
+	-webkit-user-select: none;
 }
 .EnergyBadge > span {
 	transform: rotate(-45deg);

src/ui/styles/card.css

@@ -113,6 +113,7 @@
 	/* background-color: #111;
 	background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.2), transparent); */
 	user-select: none;
+	-webkit-user-select: none;
 }
 
 .Card-type {

src/ui/styles/map.css

@@ -118,6 +118,7 @@ slay-map-node[type]:hover > span {
 /* the map node-types (what happens in this node) */
 slay-map-node[node-type] span {
 	user-select: none;
+	-webkit-user-select: none;
 	/* min-height: 3em; */
 	/* min-width: 3em; */
 	border-radius: 50%;