fix(theme): #432 remove outline none

oruga-ui · Nov 26, 2022 · 220db52 · 220db52
1 parent 48d59ae
commit 220db52
Show file tree

Hide file tree

Showing 15 changed files with 0 additions and 18 deletions.
diff --git a/packages/docs-next/.vitepress/theme/styles/index.scss b/packages/docs-next/.vitepress/theme/styles/index.scss
@@ -21,7 +21,6 @@
 }
 
 .installation-tabs-nav-button-default {
-  outline: 0;
   height: 3rem;
   width: 4rem;
   cursor: pointer;
@@ -57,7 +56,6 @@
     h1, h2 {
         position: relative;
         font-weight: 600;
-        outline: none;
     }
     h1 {
         letter-spacing: -.02em;

diff --git a/packages/oruga/src/scss/components/_button.scss b/packages/oruga/src/scss/components/_button.scss
@@ -27,7 +27,6 @@ $button-disabled-opacity: $base-disabled-opacity !default;
     justify-content: center;
     vertical-align: top;
     text-decoration: none;
-    outline: none;
     @include unselectable;
     @include avariable('background-color', 'button-background-color', $button-background-color);
     @include avariable('color', 'button-color', $button-color);

diff --git a/packages/oruga/src/scss/components/_carousel.scss b/packages/oruga/src/scss/components/_carousel.scss
@@ -83,7 +83,6 @@ $carousel-overlay-zindex: 40 !default;
         }
         &__item {
             display: block;
-            outline: none;
             @include avariable('border', 'carousel-indicator-border', $carousel-indicator-border);
             @include avariable('background', 'carousel-indicator-background', $carousel-indicator-background);
             @include avariable('transition', 'carousel-indicator-transition', $carousel-indicator-transition);
@@ -109,7 +108,6 @@ $carousel-overlay-zindex: 40 !default;
 
     &__arrow__icon {
         cursor: pointer;
-        outline: 0;
         @include avariable('background', 'carousel-arrow-background', $carousel-arrow-background);
         @include avariable('color', 'carousel-arrow-color', $carousel-arrow-color);
         @include avariable('width', 'carousel-arrow-size', $carousel-arrow-size);

diff --git a/packages/oruga/src/scss/components/_checkbox.scss b/packages/oruga/src/scss/components/_checkbox.scss
@@ -30,7 +30,6 @@ $checkbox-line-height: 1.5 !default;
 }
 
 .o-chk {
-    outline: none;
     display: inline-flex;
     align-items: center;
     cursor: pointer;

diff --git a/packages/oruga/src/scss/components/_datepicker.scss b/packages/oruga/src/scss/components/_datepicker.scss
@@ -58,7 +58,6 @@ $datepicker-btn-padding: .5em .5em !default;
     &__box {
         display: block;
         position: relative;
-        outline: none;
         @include avariable('line-height', 'datepicker-box-line-height', $datepicker-box-line-height);
         @include avariable('padding', 'datepicker-box-padding', $datepicker-box-padding);
     }

diff --git a/packages/oruga/src/scss/components/_dropdown.scss b/packages/oruga/src/scss/components/_dropdown.scss
@@ -82,7 +82,6 @@ $dropdown-mobile-zindex: 50 !default;
     &__item {
         display: block;
         position: relative;
-        outline: none;
         cursor: pointer;
         @include avariable('color', 'dropdown-item-color', $dropdown-item-color);
         @include avariable('font-size', 'dropdown-item-font-size', $dropdown-item-font-size);

diff --git a/packages/oruga/src/scss/components/_input.scss b/packages/oruga/src/scss/components/_input.scss
@@ -40,7 +40,6 @@ $input-max-width: 100% !default;
     display: inline-flex;
     position: relative;
     vertical-align: top;
-    outline: none;
     width: $input-width;
     @include avariable('box-shadow', 'input-box-shadow', $input-box-shadow);
     @include avariable('max-width', 'input-max-width', $input-max-width);

diff --git a/packages/oruga/src/scss/components/_modal.scss b/packages/oruga/src/scss/components/_modal.scss
@@ -54,7 +54,6 @@ $modal-zindex: 40 !default;
         position: fixed;
         border: none;
         display: inline-block;
-        outline: none;
         vertical-align: top;
         @include avariable('border-radius', 'modal-close-border-radius', $modal-close-border-radius);
         @include avariable('right', 'modal-close-right', $modal-close-right);

diff --git a/packages/oruga/src/scss/components/_notification.scss b/packages/oruga/src/scss/components/_notification.scss
@@ -57,7 +57,6 @@ $notification-notices-zindex: 1000 !default;
         align-items: center;
         flex-grow: 0;
         flex-shrink: 0;
-        outline: none;
         vertical-align: top;
         @include avariable('background-color', 'notification-close-background-color', $notification-close-background-color);
         @include avariable('border-radius', 'notification-close-border-radius', $notification-close-border-radius);

diff --git a/packages/oruga/src/scss/components/_radio.scss b/packages/oruga/src/scss/components/_radio.scss
@@ -27,7 +27,6 @@ $HALF_MARGIN_EXPRESSION: "calc($margin * 0.5)";
 }
 
 .o-radio {
-    outline: none;
     display: inline-flex;
     align-items: center;
     cursor: pointer;
@@ -41,7 +40,6 @@ $HALF_MARGIN_EXPRESSION: "calc($margin * 0.5)";
         @include avariable('height', 'radio-size', $radio-size);
         margin: 0;
         vertical-align: top;
-        outline: none;
         background-position: center;
         background-size: contain;
         -webkit-appearance: none;

diff --git a/packages/oruga/src/scss/components/_select.scss b/packages/oruga/src/scss/components/_select.scss
@@ -45,7 +45,6 @@ $select-padding: $control-padding-vertical $control-padding-horizontal !default;
     cursor: pointer;
     justify-content: flex-start;
     align-items: center;
-    outline: none;
     @include avariable('font-size', 'base-font-size', $base-font-size);
     @include avariable('max-width', 'select-max-width', $select-max-width);
     @include avariable('width', 'select-width', $select-width);

diff --git a/packages/oruga/src/scss/components/_switch.scss b/packages/oruga/src/scss/components/_switch.scss
@@ -101,7 +101,6 @@ $switch-width: 2.75 * 1em !default;
         position: absolute;
         left: 0;
         opacity: 0;
-        outline: none;
         z-index: -1;
     }
 

diff --git a/packages/oruga/src/scss/components/_tabs.scss b/packages/oruga/src/scss/components/_tabs.scss
@@ -32,7 +32,6 @@ $tabs-toggle-link-active-color: $primary-invert !default;
 @mixin item {
     -moz-appearance: none;
     -webkit-appearance: none;
-    outline: none;
     width: 100%;
     margin: 0;
     padding: 0;

diff --git a/packages/oruga/src/scss/components/_timepicker.scss b/packages/oruga/src/scss/components/_timepicker.scss
@@ -38,7 +38,6 @@ $timepicker-separator-font-weight: 600 !default;
         cursor: pointer;
         justify-content: flex-start;
         align-items: center;
-        outline: none;
         border: 0;
         font-size: inherit;
         @include avariable('font-weight', 'timepicker-select-font-weight', $timepicker-select-font-weight);

diff --git a/packages/oruga/src/scss/components/_upload.scss b/packages/oruga/src/scss/components/_upload.scss
@@ -39,7 +39,6 @@ $upload-draggable-padding: 0.25em !default;
         width: 100%;
         height: 100%;
         opacity: 0;
-        outline: none;
         cursor: pointer;
         z-index: -1;
     }