/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
core/src/components/input/input.ios.scss
46 строк
1 KB
Sean Perkins
feat(input,textarea,select): add --highlight-height variable (#29090)
08 мар 2024, 23:55
Не верифицирован
08 мар 2024, 23:55
13b7f8a
Код
Авторство
О чём код?
@import "./input"; @import "./input.ios.vars"; :host { --border-width: #{$hairlines-width}; --border-color: #{$item-ios-border-color}; --highlight-height: 0px; font-size: $input-ios-font-size; } .input-clear-icon ion-icon { width: 18px; height: 18px; } // Input - Disabled // ---------------------------------------------------------------- // The input, label, helper text, char counter and placeholder // should use the same opacity and match the other form controls :host(.input-disabled) { opacity: #{$input-ios-disabled-opacity}; } // Start/End Slots // ---------------------------------------------------------------- /** * Slotted buttons have a lot of default padding that can * cause them to look misaligned from other pieces such * as the control's label, especially when using a clear * fill. We also make them circular to ensure that non- * clear buttons and the focus/hover state on clear ones * don't look too crowded. */ ::slotted(ion-button[slot="start"].button-has-icon-only), ::slotted(ion-button[slot="end"].button-has-icon-only) { --border-radius: 50%; --padding-start: 0; --padding-end: 0; --padding-top: 0; --padding-bottom: 0; aspect-ratio: 1; }