Not using checkbox/radio on this site

Author: philwareham

src/assets/sass/modules/_forms.scss

@@ -135,130 +135,6 @@ textarea {
     }
 }
 
-/**
- * 1. Remove any excess padding.
- * 2. Correct margins for inline checkbox/radio labels.
- */
-
-[type="checkbox"],
-[type="radio"] {
-    position: relative;
-    bottom: -2px;
-    box-sizing: border-box;
-    width: 16px;
-    height: 16px;
-    padding: 0; /* 1 */
-    border: 1px solid var(--clr-brdr-x-dark);
-    background: var(--clr-bkgd-form);
-    appearance: none;
-
-    + label {
-        margin: 0 0.5em 0 0; /* 2 */
-
-        &:last-of-type {
-            margin: 0; /* 2 */
-        }
-    }
-
-    &:hover {
-        filter: brightness(1.05);
-        cursor: pointer;
-    }
-
-    &:active {
-        filter: brightness(0.95);
-    }
-
-    &:focus {
-        border-color: var(--clr-focus);
-        outline: 2px solid transparent; // Allows for repainting in high contrast modes.
-    }
-
-    &:not([disabled]) + label:hover {
-        cursor: pointer;
-    }
-}
-
-@include setup.dark-mode {
-    [type="checkbox"],
-    [type="radio"] {
-        &:hover {
-            border-color: var(--clr-brdr-x-lite);
-        }
-    }
-}
-
-[type="checkbox"] {
-    &:checked {
-        border: 0;
-        background: var(--clr-text-demoted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
-
-        &:hover,
-        &:active {
-            background-color: var(--clr-text);
-        }
-
-        &:focus {
-            background-color: var(--clr-focus);
-        }
-    }
-
-    &[disabled]:checked {
-        background: var(color-text-visual-de-emphasis) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
-    }
-}
-
-@include setup.dark-mode {
-    [type="checkbox"] {
-        &:checked {
-            background: var(--clr-text) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23282d32' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
-
-            &:hover,
-            &:active {
-                background-color: var(--clr-text-promoted);
-            }
-
-            &:focus {
-                background-color: var(--clr-focus);
-            }
-        }
-
-        &[disabled]:checked {
-            background: var(--clr-text) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23282d32' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
-        }
-    }
-}
-
-[type="radio"] {
-    border-radius: 100%;
-
-    &:checked {
-        border: 5px solid var(--clr-text-demoted);
-
-        &:hover,
-        &:active {
-            border-color: var(--clr-text);
-        }
-
-        &:focus {
-            border-color: var(--clr-focus);
-        }
-    }
-}
-
-@include setup.dark-mode {
-    [type="radio"]:checked {
-        &:hover,
-        &:active {
-            border-color: var(--clr-text-promoted);
-        }
-
-        &:focus {
-            border-color: var(--clr-focus);
-        }
-    }
-}
-
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */