Template: switch to recess, set import-notation lint

.stylelint_todo.yml

@@ -1,5 +1,5 @@
 # This configuration was generated by `exe/stylelint_autogen`
-# on 2026-02-14 01:44:58 UTC.
+# on 2026-02-19 04:45:04 UTC.
 # The point is for the user to remove these configuration records
 # one by one as the offenses are removed from the code base.
 
@@ -30,7 +30,7 @@ overrides:
     files:
     - app/assets/stylesheets/application.css
 
-  # Offense count: 1
+  # Offense count: 3
   - rules: { 'font-family-name-quotes': null }
     files:
     - app/assets/stylesheets/application.css
@@ -45,7 +45,12 @@ overrides:
     files:
     - app/assets/stylesheets/application.css
 
-  # Offense count: 64
+  # Offense count: 21
+  - rules: { 'no-descending-specificity': null }
+    files:
+    - app/assets/stylesheets/application.css
+
+  # Offense count: 68
   - rules: { 'order/properties-order': null }
     files:
     - app/assets/stylesheets/application.css

app/assets/stylesheets/application.css

@@ -1,4 +1,4 @@
-@import url("./custom.css");
+@import "./custom.css";
 
 html, body {
   height: 100%;

app/assets/stylesheets/custom.css

@@ -1,6 +1,6 @@
 /* custom CSS goes here */
-@import url("bootstrap/dist/css/bootstrap.min.css");
-@import url("font-awesome/css/font-awesome.min.css");
-@import url("@fontsource/lato/latin.css");
-@import url("@fontsource/lato/latin-400-italic.css");
-@import url("@fontsource/reenie-beanie/latin.css");
+@import "bootstrap/dist/css/bootstrap.min.css";
+@import "font-awesome/css/font-awesome.min.css";
+@import "@fontsource/lato/latin.css";
+@import "@fontsource/lato/latin-400-italic.css";
+@import "@fontsource/reenie-beanie/latin.css";

stylelint.config.mjs

@@ -14,9 +14,6 @@ export default {
   ],
   plugins: ["stylelint-selector-bem-pattern"],
   rules: {
-    "no-descending-specificity": null,
-    "plugin/selector-bem-pattern": {
-      preset: "bem",
-    },
+    "import-notation": "string",
   },
 };