@helpscout/hsds-react/components/Overflow/Overflow.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.OverflowUI = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _classNames = require("../../utilities/classNames");

var bem = (0, _classNames.BEM)('.c-Overflow');

var OverflowUI = _styledComponents.default.div.withConfig({
  displayName: "Overflowcss__OverflowUI",
  componentId: "nbd74d-0"
})(["overflow:hidden;position:relative;transition:height 100ms ease;will-change:height;", "{overflow-x:auto;padding-bottom:20px;will-change:scroll-position;&::-webkit-scrollbar{display:none;}}", "{position:relative;white-space:nowrap;z-index:0;}", "{bottom:0;color:white;cursor:pointer;position:absolute;top:0;width:32px;transform:scaleX(0);z-index:1;&.is-left{background:linear-gradient( to right,currentColor,rgba(255,255,255,0) );left:0;transform-origin:left;}&.is-right{background:linear-gradient( to left,currentColor,rgba(255,255,255,0) );right:0;transform-origin:right;}}"], bem.element('container'), bem.element('content'), bem.element('fader'));

exports.OverflowUI = OverflowUI;