/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
core/src/components/card/card.scss
89 строк
1 KB
Sean Perkins
fix(card): border radius does not overflow on paint in Safari (#26539)
22 фев 2023, 01:44
Не верифицирован
22 фев 2023, 01:44
df5c8e2
Код
Авторство
О чём код?
@import "../../themes/ionic.globals"; // Card // -------------------------------------------------- :host { /** * @prop --background: Background of the card * @prop --color: Color of the card */ --ion-safe-area-left: 0px; --ion-safe-area-right: 0px; @include font-smoothing(); display: block; position: relative; background: var(--background); color: var(--color); font-family: $font-family-base; contain: content; overflow: hidden; } // Card Colors // --------------------------------------------- :host(.ion-color) { background: current-color(base); color: current-color(contrast); } // Disabled Card // -------------------------------------------------- :host(.card-disabled) { cursor: default; opacity: .3; pointer-events: none; } // Native // -------------------------------------------------- .card-native { @include text-inherit(); @include padding(0); @include margin(0); display: block; width: 100%; min-height: var(--min-height); transition: var(--transition); border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); outline: none; background: inherit; } .card-native::-moz-focus-inner { border: 0; } button, a { cursor: pointer; user-select: none; -webkit-user-drag: none; } // Card Button Ripple effect // -------------------------------------------------- ion-ripple-effect { color: var(--ripple-color); }