@times-components/card/dist/styles/index.js

The card component fades in and lays out content that typically consists of an image and a collection of textual elements (although this content could be anything). Card manages the layout of these elements, whilst providing a consistent loading state for

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _tsStyleguide = require("@times-components/ts-styleguide");

var styles = {
  cardContainer: {
    alignItems: "flex-start",
    display: "flex",
    flexDirection: "row",
    flexWrap: "wrap",
    justifyContent: "flex-end"
  },
  cardContainerTablet: {
    alignItems: "flex-start",
    flexDirection: "row",
    flexWrap: "wrap"
  },
  contentContainer: {
    flex: 1,
    marginBottom: 0,
    minWidth: "100%"
  },
  contentContainerTablet: {
    flex: 1,
    marginBottom: 0
  },
  headerContainer: {
    height: 24,
    marginBottom: (0, _tsStyleguide.spacing)(2),
    maxWidth: 300
  },
  imageContainer: {
    flex: 1,
    marginBottom: (0, _tsStyleguide.spacing)(2),
    minWidth: "100%"
  },
  imageContainerTablet: {
    flex: 1,
    maxWidth: 320
  },
  lastBar: {
    marginBottom: 0,
    maxWidth: 240
  },
  loadingContentContainer: {
    minHeight: 84
  },
  reversedCardContainer: {
    height: "auto"
  },
  reversedContentContainer: {
    marginBottom: (0, _tsStyleguide.spacing)(2)
  },
  reversedImageContainer: {
    marginBottom: 0
  },
  textContainer: {
    height: 10,
    marginBottom: (0, _tsStyleguide.spacing)(2)
  }
};
var _default = styles;
exports["default"] = _default;