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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.default = exports.FluffyCardUI = exports.FluffyCardContainerUI = void 0;

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

var _depth = require("../../styles/mixins/depth.css");

var _Card = _interopRequireDefault(require("../Card"));

var FluffyCardContainerUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "FluffyCardcss__FluffyCardContainerUI",
  componentId: "x772xu-0"
})(["display:flex;"]);
exports.FluffyCardContainerUI = FluffyCardContainerUI;
var FluffyCardUI = (0, _styledComponents.default)(_Card.default).withConfig({
  displayName: "FluffyCardcss__FluffyCardUI",
  componentId: "x772xu-1"
})(["", " border-radius:4px;flex:1;max-width:100%;min-width:0;padding:20px 15px;transform:translateY(0);border:0;& + &{margin-left:10px;}&.is-hoverable{", " color:currentColor;text-decoration:none;&:hover{", " transform:translateY(-4px);text-decoration:none;}}&.is-textAlign{&-left{text-align:left;}&-center{text-align:center;}&-right{text-align:right;}}"], _depth.d200, _depth.d200, _depth.d200Effect);
exports.FluffyCardUI = FluffyCardUI;
var _default = FluffyCardUI;
exports.default = _default;