app/assets/stylesheets/sass-zero/breadboard.scss in sass-zero-1.0.8 vs app/assets/stylesheets/sass-zero/breadboard.scss in sass-zero-1.0.9

@@ -10,21 +10,19 @@
   --color-bg--main:      #{$white};
   --color-bg--surface:   #{$gray-100};
   --color-bg--highlight: #{$gray-200};
   --color-primary:       #{$gray-900};
   --color-text:          #{$gray-900};
-  --color-focus-ring:    #{rgba($black, $opacity-50)};
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
     --color-bg--main:      #{$gray-900};
     --color-bg--surface:   #{$gray-800};
     --color-bg--highlight: #{$gray-700};
     --color-primary:       #{$white};
     --color-text:          #{$white};
-    --color-focus-ring:    #{rgba($white, $opacity-50)};
   }
 }
 
 html {
   accent-color: var(--color-primary);
@@ -64,15 +62,10 @@
   & > i {
     vertical-align: sub;
     font-size: 1.25em;
   }
 
-  &:focus {
-    box-shadow: ring($color: var(--color-focus-ring));
-    @include outline-none;
-  }
-
   &:disabled {
     pointer-events: none;
     opacity: $opacity-50;
   }
 }
@@ -95,29 +88,19 @@
     background-position: calc(100% - 20px), calc(100% - 15px);
     background-repeat: no-repeat;
     background-size: 5px 5px, 5px 5px;
   }
 
-  &:focus {
-    box-shadow: ring($color: var(--color-focus-ring));
-    @include outline-none;
-  }
-
   &:disabled {
     pointer-events: none;
     opacity: $opacity-50;
   }
 }
 
 input[type="checkbox"], input[type="radio"] {
   transform: scale(1.2, 1.2);
   margin: $size-1;
-
-  &:focus {
-    box-shadow: ring($color: var(--color-focus-ring));
-    @include outline-none;
-  }
 }
 
 blockquote {
   border-left-width: $border-4;
   padding: $size-3 $size-4;
@@ -177,10 +160,10 @@
 
 ol {
   list-style: decimal outside;
 }
 
-legend, dt {
+dt {
   font-weight: $font-bold;
 }
 
 label, legend, dt {
   margin-bottom: $size-1;