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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.ArticleCardUI = exports.FooterUI = exports.TitleUI = exports.ContentUI = exports.MetaHeaderUI = void 0;

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

var _color = require("../../styles/utilities/color");

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

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

var MetaHeaderUI = (0, _styledComponents.default)('header').withConfig({
  displayName: "ArticleCardcss__MetaHeaderUI",
  componentId: "juczkc-0"
})(["margin-bottom:10px;"]);
exports.MetaHeaderUI = MetaHeaderUI;
var ContentUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ArticleCardcss__ContentUI",
  componentId: "juczkc-1"
})(["line-height:1.46;margin:0;"]);
exports.ContentUI = ContentUI;
var TitleUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ArticleCardcss__TitleUI",
  componentId: "juczkc-2"
})(["color:", ";line-height:1.3;margin-bottom:7px;transition:all 200ms linear;"], (0, _color.getColor)('link.base'));
exports.TitleUI = TitleUI;
var FooterUI = (0, _styledComponents.default)('footer').withConfig({
  displayName: "ArticleCardcss__FooterUI",
  componentId: "juczkc-3"
})(["margin-top:10px;"]);
exports.FooterUI = FooterUI;
var ArticleCardUI = (0, _styledComponents.default)(_Card.default).withConfig({
  displayName: "ArticleCardcss__ArticleCardUI",
  componentId: "juczkc-4"
})(["", " border:0 !important;margin-bottom:3px;padding:20px 20px 22px;position:relative;word-wrap:break-word;-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;&:hover{", "{color:", ";will-change:color;}}&.is-hoverable{", " border:none;transform:translateZ(0);text-decoration:none;&:hover{border:none;", " transform:translateY(-2px);}&:after{", " border-radius:4px;content:'';height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateZ(0);width:100%;z-index:-1;}&:hover:after,&.is-hovered:after{opacity:1;will-change:opacity;}}"], _depth.d400, TitleUI, (0, _color.getColor)('blue.600'), _depth.d400, _depth.d400Effect, _depth.d400Effect);
exports.ArticleCardUI = ArticleCardUI;