/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
core/src/components/radio/radio.ios.scss
53 строки
1 KB
Shane
fix(checkbox,radio,toggle): add missing keyboard focus indicators (#31295)
01 авг 2026, 00:57
Не верифицирован
01 авг 2026, 00:57
2f9c0b7
Код
Авторство
О чём код?
@import "./radio"; @import "./radio.ios.vars"; // iOS Radio // -------------------------------------------------- :host { --color-checked: #{ion-color(primary, base)}; } :host(.ion-color.radio-checked) .radio-inner { border-color: current-color(base); } .item-radio.item-ios ion-label { @include margin-horizontal(0, null); } // iOS Radio Checkmark: Checked // ----------------------------------------- .radio-inner { width: 33%; height: 50%; } :host(.radio-checked) .radio-inner { transform: rotate(45deg); border-width: $radio-ios-icon-border-width; border-top-width: 0; border-left-width: 0; border-style: $radio-ios-icon-border-style; border-color: var(--color-checked); } // iOS Radio: Disabled // ----------------------------------------- // The radio and label should use the // same opacity and match the other form // controls :host(.radio-disabled) { opacity: $radio-ios-disabled-opacity; } // Radio Native Wrapper // ---------------------------------------------------------------- .native-wrapper .radio-icon { width: $radio-ios-icon-width; height: $radio-ios-icon-height; }