{"version":3,"sources":["webpack:///./packages/mdc-tab-scroller/mdc-tab-scroller.scss","webpack:///./packages/mdc-tab-scroller/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/tab/_mixins.scss"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAAA;ACgCE;EAEI;CDVL;;ACeC;EAEI;EACA;EACA;EACA;EACA;CDbL;;ACiBC;EAEI;EACA;EACA;CDfL;;ACsBK;;EACE;CDlBP;;ACwBC;EAEI;CDtBL;;AC0BC;ECmFE;EDjCA;EACA;EACA;UAAA;EAIA;CD1EH;;ACsBC;EAEI;CDpBL;;ACwBC;EAEI;CDtBL;;AC0BC;EAEI;CDxBL;;AC6BG;EAEI;CD3BP;AC+BG;EAEI;EAAA;EAAA","file":"mdc.tab-scroller.css","sourcesContent":["/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n@import \"./mixins\";\n@include mdc-tab-scroller-core-styles;\n","//\n// Copyright 2018 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n@import \"@material/animation/variables\";\n@import \"@material/tab/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin mdc-tab-scroller-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  // postcss-bem-linter: define tab-scroller\n  .mdc-tab-scroller {\n    @include mdc-feature-targets($feat-structure) {\n      overflow-y: hidden;\n    }\n  }\n\n  // Selector for test element used to feature-detect horizontal scrollbar height\n  .mdc-tab-scroller__test {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: -9999px;\n      width: 100px;\n      height: 100px;\n      overflow-x: scroll;\n    }\n  }\n\n  .mdc-tab-scroller__scroll-area {\n    @include mdc-feature-targets($feat-structure) {\n      -webkit-overflow-scrolling: touch;\n      display: flex;\n      overflow-x: hidden;\n    }\n  }\n\n  .mdc-tab-scroller__scroll-area,\n  .mdc-tab-scroller__test {\n    @include mdc-feature-targets($feat-structure) {\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n\n  // This modifier class will be added in JS after computing the OS scrollbar size in order to hide the scrollbar.\n  .mdc-tab-scroller__scroll-area--scroll {\n    @include mdc-feature-targets($feat-structure) {\n      overflow-x: scroll;\n    }\n  }\n\n  .mdc-tab-scroller__scroll-content {\n    @include mdc-tab-scroller__scroll-content_($query);\n  }\n\n  .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {\n    @include mdc-feature-targets($feat-structure) {\n      justify-content: flex-start;\n    }\n  }\n\n  .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {\n    @include mdc-feature-targets($feat-structure) {\n      justify-content: flex-end;\n    }\n  }\n\n  .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {\n    @include mdc-feature-targets($feat-structure) {\n      justify-content: center;\n    }\n  }\n\n  .mdc-tab-scroller--animating {\n    .mdc-tab-scroller__scroll-area {\n      @include mdc-feature-targets($feat-animation) {\n        -webkit-overflow-scrolling: auto;\n      }\n    }\n\n    .mdc-tab-scroller__scroll-content {\n      @include mdc-feature-targets($feat-animation) {\n        transition: 250ms transform $mdc-animation-standard-curve-timing-function;\n      }\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n//\n// Private\n//\n\n@mixin mdc-tab-scroller__scroll-content_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  @include mdc-tab-parent-positioning($query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: flex;\n    flex: 1 0 auto;\n    transform: none;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    will-change: transform;\n  }\n}\n","//\n// Copyright 2018 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/tab-indicator/mixins\";\n@import \"./variables\";\n\n// Public mixins\n\n@mixin mdc-tab-core-styles($query: mdc-feature-all()) {\n  @include mdc-tab-without-ripple($query);\n  @include mdc-tab-ripple($query);\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles\n// from the other tah styles. It is recommended that most users use `mdc-tab-core-styles` instead.\n@mixin mdc-tab-without-ripple($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: define tab\n\n  .mdc-tab {\n    @include mdc-tab-base_($query);\n  }\n\n  .mdc-tab--min-width {\n    @include mdc-feature-targets($feat-structure) {\n      flex: 0 1 auto;\n    }\n  }\n\n  .mdc-tab__content {\n    @include mdc-tab__content_($query);\n  }\n\n  .mdc-tab__text-label,\n  .mdc-tab__icon {\n    @include mdc-tab__content-child_($query);\n  }\n\n  .mdc-tab--stacked {\n    @include mdc-tab--stacked_($query);\n  }\n\n  .mdc-tab--active {\n    @include mdc-tab--active_($query);\n  }\n\n  .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(padding, left, 8px);\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles\n// from the other tah styles. It is recommended that most users use `mdc-tab-core-styles` instead.\n@mixin mdc-tab-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  .mdc-tab__ripple {\n    @include mdc-tab__ripple_($query);\n  }\n}\n\n@mixin mdc-tab-horizontal-padding($padding, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    padding-right: $padding;\n    padding-left: $padding;\n  }\n}\n\n@mixin mdc-tab-text-label-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-tab__text-label {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-tab-icon-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-tab__icon {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n\n      fill: currentColor;\n    }\n  }\n}\n\n@mixin mdc-tab-states-color($color, $query: mdc-feature-all()) {\n  .mdc-tab__ripple {\n    @include mdc-states($color, $query: $query);\n  }\n}\n\n@mixin mdc-tab-ink-color($color, $query: mdc-feature-all()) {\n  @include mdc-tab-icon-color($color, $query);\n  @include mdc-tab-states-color($color, $query);\n  @include mdc-tab-text-label-color($color, $query);\n}\n\n@mixin mdc-tab-active-text-label-color($color, $query: mdc-feature-all()) {\n  &.mdc-tab--active {\n    @include mdc-tab-text-label-color($color, $query);\n  }\n}\n\n@mixin mdc-tab-active-icon-color($color, $query: mdc-feature-all()) {\n  &.mdc-tab--active {\n    @include mdc-tab-icon-color($color, $query);\n  }\n}\n\n@mixin mdc-tab-active-states-color($color, $query: mdc-feature-all()) {\n  &.mdc-tab--active {\n    @include mdc-tab-states-color($color, $query);\n  }\n}\n\n@mixin mdc-tab-parent-positioning($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    position: relative;\n  }\n}\n\n@mixin mdc-tab-fixed-width($width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    flex: 0 1 $width;\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-tab-base_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-typography(button, $query);\n  @include mdc-tab-text-label-color($mdc-tab-text-label-color-default, $query);\n  @include mdc-tab-icon-color($mdc-tab-icon-color-default, $query);\n  @include mdc-tab-horizontal-padding($mdc-tab-horizontal-padding, $query);\n  @include mdc-tab-indicator-surface($query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: flex;\n    flex: 1 0 auto;\n    justify-content: center;\n    box-sizing: border-box;\n    height: $mdc-tab-height;\n    // Explicitly setting margin to 0 is to override safari default margin for button elements.\n    margin: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    border: none;\n    outline: none;\n    background: none;\n    text-align: center;\n    white-space: nowrap;\n    cursor: pointer;\n    -webkit-appearance: none;\n    z-index: 1;\n\n    // Firefox still draws a dotted border around focused buttons unless specifically overridden.\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n  }\n}\n\n@mixin mdc-tab__ripple_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-ripple-surface($query);\n  @include mdc-ripple-radius-bounded($query: $query);\n  @include mdc-states($color: primary, $query: $query);\n\n  @include mdc-feature-targets($feat-structure) {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n}\n\n@mixin mdc-tab__content_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-tab-indicator-surface($query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: inherit;\n    pointer-events: none;\n  }\n}\n\n@mixin mdc-tab__content-child_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-animation) {\n    transition: 150ms color linear;\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    display: inline-block;\n    // Setting line-height here overrides the line-height from the typography\n    // mixin above. The line-height needs to be overridden so that the spacing\n    // between the text label and the icon as well as the text label and the\n    // bottom of the tab remain the same.\n    line-height: 1;\n    z-index: 2;\n  }\n}\n\n@mixin mdc-tab--stacked_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    height: $mdc-tab-stacked-height;\n\n    .mdc-tab__content {\n      flex-direction: column;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .mdc-tab__icon {\n      padding-top: 12px;\n    }\n\n    .mdc-tab__text-label {\n      padding-bottom: 16px;\n    }\n  }\n}\n\n@mixin mdc-tab--active_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  @include mdc-tab-text-label-color($mdc-tab-text-label-color-active, $query);\n  @include mdc-tab-icon-color($mdc-tab-icon-color-active, $query);\n\n  .mdc-tab__text-label,\n  .mdc-tab__icon {\n    @include mdc-feature-targets($feat-animation) {\n      transition-delay: 100ms;\n    }\n  }\n}\n"],"sourceRoot":""}