//
// Copyright 2017 Google Inc. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

@import "@material/animation/functions";
@import "@material/theme/mixins";
@import "@material/rtl/mixins";
@import "./mixins";
@import "../mixins";

// postcss-bem-linter: define tab-bar

@at-root {
  @include mdc-tab-bar-indicator-ink-color(text-primary-on-background);
}

.mdc-tab-bar {
  display: table;
  position: relative;
  height: 48px;
  margin: 0 auto;
  text-transform: uppercase;
}

.mdc-tab-bar__indicator {
  @include mdc-tab-bar-indicator-mixin_;

  left: 0;
  width: 100%;
  transform-origin: left top;
  transition: mdc-animation-enter(transform, 240ms);
  will-change: transform;
}

.mdc-tab-bar--icons-with-text {
  height: 72px;
}