mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
2080890c11
BREAKING CHANGE: - The card header has ben changed to a flex container with direction set to `column` (top to bottom). In `ios` mode the direction is set to `column-reverse` which results in the subtitle displaying on top of the title.
19 lines
533 B
SCSS
19 lines
533 B
SCSS
@import "./card-header";
|
|
@import "./card-header.ios.vars";
|
|
|
|
// iOS Card Header
|
|
// --------------------------------------------------
|
|
|
|
:host {
|
|
@include padding($card-ios-header-padding-top, $card-ios-header-padding-end, $card-ios-header-padding-bottom, $card-ios-header-padding-start);
|
|
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
@supports (backdrop-filter: blur(0)) {
|
|
:host(.card-header-translucent) {
|
|
background-color: $card-ios-header-translucent-background-color;
|
|
backdrop-filter: $card-ios-header-translucent-filter;
|
|
}
|
|
}
|