87 lines
1.7 KiB
SCSS
Raw Normal View History

core-tabs {
.core-tabs-bar {
2018-01-31 09:12:59 +01:00
left: 0;
position: relative;
z-index: $z-index-toolbar;
display: flex;
width: 100%;
background: $core-top-tabs-background;
> a {
@extend .tab-button;
background: $core-top-tabs-background;
color: $core-top-tabs-color !important;
font-size: 1.6rem;
2018-01-31 09:12:59 +01:00
border: 0;
&[aria-selected=true] {
color: $core-top-tabs-color-active !important;
2018-01-31 09:12:59 +01:00
border: 0 !important;
border-bottom: 2px solid $core-top-tabs-color-active !important;
}
}
}
2018-01-31 09:12:59 +01:00
.core-tabs-content-container {
height: 100%;
}
2018-01-24 11:35:49 +01:00
&.tabs-hidden {
.core-tabs-bar {
display: none !important;
}
.core-tabs-content-container {
padding-bottom: 0 !important;
}
}
core-tab {
display: none;
height: 100%;
position: relative;
&.selected {
display: block;
}
ion-header {
display: none;
}
.fixed-content, .scroll-content {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
}
2018-01-24 11:35:49 +01:00
.scroll-content.no-scroll {
overflow: hidden !important;
}
2018-01-31 09:12:59 +01:00
.ios core-tabs {
.core-tabs-bar {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
> a {
font-size: 1.6rem;
}
}
}
.md core-tabs {
.core-tabs-bar::after {
@extend .header-md::after;
}
}
.ios, .md, .wp {
.core-avoid-header ion-content core-tabs core-tab ion-content {
top: 0;
height: 100%;
}
}