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

feat(toggle): add --border-radius and --handle-border-radius variables (#20141)

Browse Source
This commit is contained in:
Liam DeBeasi
2020-01-03 12:14:02 -05:00
committed by GitHub
parent 83f77e2972
commit 02a46a1007
6 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/toggle/toggle.md.scss
View File

@ -9,6 +9,8 @@
--background-checked: #{ion-color(primary, base, $toggle-md-track-background-color-alpha-on)};
--handle-background: #{$toggle-md-handle-background-color-off};
--handle-background-checked: #{ion-color(primary, base)};
--border-radius: #{$toggle-md-track-height};
--handle-border-radius: #{$toggle-md-handle-border-radius};
@include padding($toggle-md-padding-top, $toggle-md-padding-end, $toggle-md-padding-bottom, $toggle-md-padding-start);
@ -34,7 +36,7 @@
// -----------------------------------------
.toggle-icon {
@include border-radius($toggle-md-track-height);
@include border-radius(var(--border-radius));
display: block;
position: relative;
@ -54,7 +56,7 @@
.toggle-inner {
@include position(($toggle-md-handle-height - $toggle-md-track-height) / -2, null, null, 0);
@include border-radius($toggle-md-handle-border-radius);
@include border-radius(var(--handle-border-radius));
position: absolute;