/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
core/src/components/tab-bar/tab-bar.ios.scss
35 строк
1014 B
Brandy Carney
feat(components): improve button states and add new css properties (#19440)
24 янв 2020, 00:57
Не верифицирован
24 янв 2020, 00:57
9415929
Код
Авторство
О чём код?
@import "./tab-bar"; @import "./tab-bar.ios.vars"; // iOS Tabs // -------------------------------------------------- :host { // default color / background --background: #{$tabbar-ios-background}; --background-focused: #{$tabbar-ios-background-focused}; --border: #{$hairlines-width solid $tabbar-ios-border-color}; --color: #{$tab-button-ios-text-color}; --color-selected: #{$tabbar-ios-color-selected}; height: 50px; } // iOS Translucent Tab bar // -------------------------------------------------- @supports (backdrop-filter: blur(0)) { :host(.tab-bar-translucent) { --background: #{$tab-bar-ios-translucent-background-color}; backdrop-filter: $tab-bar-ios-translucent-filter; } // iOS Translucent Tab bar with Color :host(.ion-color.tab-bar-translucent) { background: #{current-color(base, $tab-bar-ios-translucent-background-color-alpha)}; } :host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) { background: rgba($background-color-rgb, .6); } }