javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-11 19:49:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(tab-button): update focus styles (#29644)

Browse Source
This commit is contained in:
Maria Hutt
2024-06-24 10:28:15 -07:00
committed by GitHub
parent 94f34e9785
commit 99791c2764
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/tab-button/tab-button.ionic.scss
View File

@@ -1,15 +1,14 @@
@use "../../foundations/ionic.vars.scss" as tokens;
@use "../../foundations/ionic.vars.scss" as globals;
@import "./tab-button";
// Ionic Tab Button
// --------------------------------------------------------------
:host {
// TODO(FW-6186): use design token here when it is added
--focus-ring-color: #9ec4fd;
--focus-ring-width: 2px;
--focus-ring-color: #{globals.$ionic-state-focus-1};
--focus-ring-width: #{globals.$ionic-border-radius-050};
@include border-radius(tokens.$ionic-border-radius-200);
@include border-radius(globals.$ionic-border-radius-200);
}
// Tab Button Focused