Remove all existing outline overrides in admin UI

client/scss/components/_button.scss

@@ -22,7 +22,6 @@
     white-space: nowrap;
     position: relative;
     overflow: hidden;
-    outline: none;
     box-sizing: border-box;
     -webkit-font-smoothing: auto;
     // stylelint-disable-next-line property-no-vendor-prefix
@@ -163,7 +162,6 @@
         white-space: nowrap;
         position: relative;
         overflow: hidden;
-        outline: none;
         box-sizing: border-box;
         -webkit-font-smoothing: auto;
         // stylelint-disable-next-line property-no-vendor-prefix

client/scss/components/_forms.scss

@@ -51,7 +51,6 @@
 //     color: $color-text-input;
 //     font-size: 1.2em;
 //     font-weight: 300;
-//     outline: none;
 //
 //     &:hover {
 //         background-color: $color-white;
@@ -60,7 +59,6 @@
 //     &:focus {
 //         background-color: $color-input-focus;
 //         border-color: $color-input-focus-border;
-//         outline: none;
 //     }
 //
 //     &:disabled,
@@ -84,10 +82,6 @@ select::-ms-expand {
 .typed_choice_field .input {
     position: relative;
 
-    select {
-        outline: none;
-    }
-
     // Add select arrow back on browsers where native ui has been removed
     select ~ span:after {
         border-radius: 0 6px 6px 0;

client/scss/components/_main-nav.scss

@@ -62,7 +62,6 @@
         // making the text semi-transparent
         &:hover,
         &:focus {
-            outline: none;
             background-color: $nav-item-hover-bg;
             color: $color-white;
             text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
@@ -333,7 +332,6 @@ body.explorer-open {
             cursor: pointer;
 
             &:hover {
-                outline: none;
                 background-color: rgba(100, 100, 100, 0.15);
                 color: $color-white;
                 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);

client/scss/components/_modals.scss

@@ -58,7 +58,6 @@ $zindex-modal-background: 500;
     width: 98.7%;
     position: relative;
     background-color: $color-white;
-    outline: none;
     margin-top: 2em;
     padding-bottom: 3em;
     display: inline-block;

client/scss/components/_streamfield.scss

@@ -252,7 +252,6 @@ li.sequence-member {
         z-index: 1;
         color: $color-grey-1;
         background-color: $color-white;
-        outline: none;
 
         span {
             @include visuallyhidden();
@@ -305,7 +304,6 @@ li.sequence-member {
         display: block;
         width: 100%;
         padding: 0 0 0.5em;
-        outline: $color-teal;
         overflow: visible;
 
         span {

client/scss/components/_tabs.scss

@@ -19,7 +19,6 @@
     a {
         @include transition(border-color 0.2s ease);
         background-color: $color-teal-darker;
-        outline: none;
         text-transform: uppercase;
         font-weight: 700;
         font-size: 1.2em;

client/scss/elements/_forms.scss

@@ -80,7 +80,6 @@ select,
     color: $color-text-input;
     font-size: 1.2em;
     font-weight: 300;
-    outline: none;
 
     &:hover {
         background-color: $color-white;
@@ -89,7 +88,6 @@ select,
     &:focus {
         background-color: $color-input-focus;
         border-color: $color-input-focus-border;
-        outline: none;
     }
 
     &:disabled,

client/scss/elements/_typography.scss

@@ -49,7 +49,6 @@ p {
 
 a {
     // @include transition(color 0.2s ease, background-color 0.2s ease);
-    outline: none;
     color: $color-link;
     text-decoration: none;
 

client/src/components/Draftail/blocks/MediaBlock.scss

@@ -5,10 +5,6 @@
     padding: 0;
     cursor: pointer;
 
-    &:focus {
-        outline: none;
-    }
-
     &__icon-wrapper {
         position: absolute;
         top: 0;

client/src/components/Explorer/Explorer.scss

@@ -58,7 +58,6 @@ $menu-footer-height: 50px;
     &:focus {
         background-color: $c-explorer-bg-active;
         color: $color-white;
-        outline: none;
     }
 
     // Overrides for default link hover.
@@ -88,7 +87,6 @@ $menu-footer-height: 50px;
     &:focus {
         background-color: $c-explorer-bg-active;
         color: $color-white;
-        outline: none;
     }
 
     // Overrides for default link hover.
@@ -136,7 +134,6 @@ $menu-footer-height: 50px;
     &:focus {
         color: $c-explorer-secondary;
         background: $c-explorer-bg-active;
-        outline: none;
     }
 
     // Overrides for default link hover.

client/src/components/Explorer/ExplorerItem.scss

@@ -14,7 +14,6 @@
     &:focus {
         background: $c-explorer-bg-active;
         color: $color-white;
-        outline: none;
     }
 
     // Overrides for default link hover.
@@ -60,7 +59,6 @@
     &:focus {
         background: $c-explorer-bg-active;
         color: $color-white;
-        outline: none;
     }
 
     // Overrides for default link hover.

wagtail/contrib/modeladmin/static_src/wagtailmodeladmin/scss/index.scss

@@ -84,7 +84,6 @@
         text-transform: uppercase;
         position: relative;
         overflow: hidden;
-        outline: none;
         box-sizing: border-box;
         -webkit-font-smoothing: auto;
         // stylelint-disable-next-line property-no-vendor-prefix