mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
e8886e98f1
this gets around a bug with Safari where the ::slotted css selector was not working properly
48 lines
927 B
SCSS
48 lines
927 B
SCSS
@import "./segment";
|
|
@import "./segment.ios.vars";
|
|
|
|
// iOS Segment
|
|
// --------------------------------------------------
|
|
|
|
:host {
|
|
--background: #{$segment-ios-background-color};
|
|
|
|
@include border-radius($segment-ios-border-radius);
|
|
|
|
overflow: hidden;
|
|
|
|
z-index: 0;
|
|
}
|
|
|
|
|
|
// Segment: Color
|
|
// --------------------------------------------------
|
|
|
|
:host(.ion-color) {
|
|
background: #{current-color(base, 0.065)};
|
|
}
|
|
|
|
|
|
// Segment: Default Toolbar
|
|
// --------------------------------------------------
|
|
|
|
:host(.in-toolbar) {
|
|
@include margin(0, auto);
|
|
|
|
width: auto;
|
|
}
|
|
|
|
// Default Segment, In a Toolbar
|
|
:host(.in-toolbar:not(.ion-color)) {
|
|
background: var(--ion-toolbar-segment-background, var(--background));
|
|
}
|
|
|
|
|
|
// Segment: Color Toolbar
|
|
// --------------------------------------------------
|
|
|
|
// Toolbar with Color, Default Segment
|
|
:host(.in-toolbar-color:not(.ion-color)) {
|
|
background: #{current-color(contrast, 0.11)};
|
|
}
|