mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-16 19:50:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(buttons): Removed focus outline

Browse Source
This commit is contained in:
Federico Zivolo 2017-12-11 13:14:51 +01:00
parent 562fb9fedf
commit edf74ae08b
3 changed files with 2 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_buttons.scss
View File

@ -17,8 +17,6 @@
color 0.2s $bmd-animation-curve-default; color 0.2s $bmd-animation-curve-default;
will-change: box-shadow, transform; will-change: box-shadow, transform;
@include undo-bs-tab-focus();
//-- //--
// Colors // Colors
@ -53,7 +51,6 @@
// :focus - Avoid outline/boxShadow on buttons after mouseup // :focus - Avoid outline/boxShadow on buttons after mouseup
&.focus, &.focus,
&:focus { &:focus {
box-shadow: none; // disable box-shadow
outline: 0; // disable outline outline: 0; // disable outline
} }
} }

14
scss/mixins/_buttons.scss
View File

@ -203,17 +203,3 @@
@include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border-color); @include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border-color);
} }
} }
@mixin undo-bs-tab-focus() {
// clear out the tab-focus() from BS
&,
&:active,
&.active {
&:focus,
&.focus {
//@include tab-focus();
outline: 0;
box-shadow: none;
}
}
}

2
scss/variables/bootstrap/_buttons.scss
View File

@ -17,6 +17,8 @@ $bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15%
$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC $bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC
$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white $bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white
$btn-focus-box-shadow: none;
$bmd-btn-fab-size: 3.5rem !default; // 56px $bmd-btn-fab-size: 3.5rem !default; // 56px
$bmd-btn-fab-size-sm: 2.5rem !default; // 40px $bmd-btn-fab-size-sm: 2.5rem !default; // 40px
$bmd-btn-fab-font-size: 1.5rem !default; // 24px $bmd-btn-fab-font-size: 1.5rem !default; // 24px