re-add selector-pseudo-element-colon-notation: double

Author: nadalaba

frontend/src/styles/core.scss

@@ -374,7 +374,7 @@ kbd {
 }
 
 // mouseover texts
-[aria-label][data-balloon-pos]:after {
+[aria-label][data-balloon-pos]::after {
   font-family: var(--font);
   font-size: var(--balloon-font-size);
   line-height: var(--balloon-font-size);

frontend/src/styles/inputs.scss

@@ -110,7 +110,7 @@ input[type="checkbox"] {
   position: relative;
   transition: background 0.125s;
   flex-shrink: 0;
-  &:after {
+  &::after {
     font-family: "Font Awesome";
     content: "\f00c";
     top: 0;
@@ -128,23 +128,23 @@ input[type="checkbox"] {
     color: transparent;
   }
 
-  &:checked:after {
+  &:checked::after {
     color: var(--main-color);
   }
-  &:hover:after {
+  &:hover::after {
     color: var(--bg-color);
   }
-  &:hover:checked:after {
+  &:hover:checked::after {
     color: var(--text-color);
   }
 
   &[disabled] {
     opacity: 0.33;
     pointer-events: none;
-    &:hover:after {
+    &:hover::after {
       color: var(--sub-alt-color);
     }
-    &:hover:checked:after {
+    &:hover:checked::after {
       color: var(--main-color);
     }
   }

frontend/src/styles/test.scss

@@ -740,8 +740,8 @@
   }
 
   &.noBalloons {
-    [aria-label][data-balloon-pos]:before,
-    [aria-label][data-balloon-pos]:after {
+    [aria-label][data-balloon-pos]::before,
+    [aria-label][data-balloon-pos]::after {
       display: none;
     }
   }

stylelint.config.mjs

@@ -31,7 +31,6 @@ export default {
     "hue-degree-notation": null, // default: angle
     "media-feature-range-notation": null, // default: context
     "selector-not-notation": null, // default: complex
-    "selector-pseudo-element-colon-notation": null, // add // default: double
 
     // default pattern for these rules is a kebab case pattern
     "custom-property-pattern": null,