62 lines
1.2 KiB
SCSS
62 lines
1.2 KiB
SCSS
@import '../common/abstracts/variable';
|
|
@import '../common/abstracts/mixin';
|
|
|
|
.wot-theme-dark {
|
|
@include b(tabbar) {
|
|
background: $-dark-background;
|
|
}
|
|
}
|
|
|
|
@include b(tabbar) {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
position: relative;
|
|
background: $-color-white;
|
|
height: $-tabbar-height;
|
|
|
|
@include e(placeholder) {
|
|
box-sizing: content-box;
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
|
|
@include m(round) {
|
|
margin-left: 32rpx;
|
|
margin-right: 32rpx;
|
|
border-radius: 999px;
|
|
box-shadow: $-tabbar-box-shadow;
|
|
|
|
@include when(fixed) {
|
|
@include when(safe) {
|
|
bottom: constant(safe-area-inset-bottom);
|
|
bottom: env(safe-area-inset-bottom);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
@include m(default) {
|
|
|
|
@include when(fixed) {
|
|
@include when(safe) {
|
|
box-sizing: content-box;
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
}
|
|
|
|
|
|
@include when(border) {
|
|
@include halfPixelBorder('top');
|
|
}
|
|
}
|
|
|
|
@include when(fixed) {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 500;
|
|
}
|
|
} |