Update deps, fix Stylelint rules

.stylelintrc.yml

@@ -0,0 +1,48 @@
+rules:
+  at-rule-empty-line-before:
+    - always
+    - except:
+        - blockless-after-blockless
+  at-rule-no-unknown: true
+  block-no-empty: true
+  color-function-notation: modern
+  color-hex-length: long
+  color-no-invalid-hex: true
+  comment-empty-line-before:
+    - always
+    - except:
+        - first-nested
+  comment-no-empty: true
+  comment-whitespace-inside: always
+  comment-word-disallowed-list:
+    - todo
+  declaration-block-no-shorthand-property-overrides: true
+  declaration-block-single-line-max-declarations: 1
+  declaration-no-important: true
+  font-family-name-quotes: always-unless-keyword
+  font-family-no-duplicate-names: true
+  function-calc-no-unspaced-operator: true
+  function-linear-gradient-no-nonstandard-direction: true
+  function-name-case: lower
+  function-url-no-scheme-relative: true
+  function-url-quotes: always
+  length-zero-no-unit: true
+  media-feature-name-no-unknown: true
+  no-empty-source: true
+  no-invalid-double-slash-comments: true
+  no-unknown-animations: true
+  number-max-precision: 2
+  property-no-unknown: true
+  rule-empty-line-before:
+    - always-multi-line
+    - except:
+        - first-nested
+  selector-attribute-quotes: always
+  selector-pseudo-class-no-unknown: true
+  selector-pseudo-element-colon-notation: double
+  selector-pseudo-element-no-unknown: true
+  selector-type-case: lower
+  selector-type-no-unknown: true
+  string-no-newline: true
+  unit-no-unknown: true
+  value-keyword-case: lower

index.html

@@ -597,7 +597,7 @@ <h2>Spotlight</h2>
         <p>Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.</p>
         <div class="spotlight" style="
             --spotlight-radius: 50%;
-            --spotlight-opacity: 0.2;
+            --spotlight-opacity: 20%;
             --spotlight-size: 256px;
             --spotlight-top: 90px;
             --spotlight-left: 290px;
@@ -609,7 +609,7 @@ <h2>Spotlight</h2>
         <p>Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.</p>
         <div class="spotlight" style="
             --spotlight-radius: 0;
-            --spotlight-opacity: 0.2;
+            --spotlight-opacity: 20%;
             --spotlight-width: 1024px;
             --spotlight-height: 50px;
             --spotlight-top: 50px;