mdc.tab-scroller.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /**
  2. * @license
  3. * Copyright Google LLC All Rights Reserved.
  4. *
  5. * Use of this source code is governed by an MIT-style license that can be
  6. * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
  7. */
  8. /**
  9. * @license
  10. * Copyright 2018 Google Inc.
  11. *
  12. * Permission is hereby granted, free of charge, to any person obtaining a copy
  13. * of this software and associated documentation files (the "Software"), to deal
  14. * in the Software without restriction, including without limitation the rights
  15. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  16. * copies of the Software, and to permit persons to whom the Software is
  17. * furnished to do so, subject to the following conditions:
  18. *
  19. * The above copyright notice and this permission notice shall be included in
  20. * all copies or substantial portions of the Software.
  21. *
  22. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  23. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  24. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  25. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  26. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  27. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  28. * THE SOFTWARE.
  29. */
  30. .mdc-tab-scroller {
  31. overflow-y: hidden;
  32. }
  33. .mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  34. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  35. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  36. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  37. }
  38. .mdc-tab-scroller__test {
  39. position: absolute;
  40. top: -9999px;
  41. width: 100px;
  42. height: 100px;
  43. overflow-x: scroll;
  44. }
  45. .mdc-tab-scroller__scroll-area {
  46. -webkit-overflow-scrolling: touch;
  47. display: flex;
  48. overflow-x: hidden;
  49. }
  50. .mdc-tab-scroller__scroll-area::-webkit-scrollbar,
  51. .mdc-tab-scroller__test::-webkit-scrollbar {
  52. display: none;
  53. }
  54. .mdc-tab-scroller__scroll-area--scroll {
  55. overflow-x: scroll;
  56. }
  57. .mdc-tab-scroller__scroll-content {
  58. position: relative;
  59. display: flex;
  60. flex: 1 0 auto;
  61. -webkit-transform: none;
  62. transform: none;
  63. will-change: transform;
  64. }
  65. .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  66. justify-content: flex-start;
  67. }
  68. .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  69. justify-content: flex-end;
  70. }
  71. .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  72. justify-content: center;
  73. }
  74. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  75. -webkit-overflow-scrolling: auto;
  76. }
  77. /*# sourceMappingURL=mdc.tab-scroller.css.map*/