@times-components/slice-layout/dist/templates/styles/responsive.js

Slice layout

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getSeparator = exports.SliceContainer = void 0;

var _utils = require("@times-components/utils");

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

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var SliceContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
  displayName: "responsive__SliceContainer",
  componentId: "sc-1kirgpc-0"
})(["align-items:center;border-bottom-color:", ";border-bottom-width:", ";border-style:solid;flex:1;justify-content:center;", ";@media (-webkit-min-device-pixel-ratio:2){border-bottom-width:", ";}"], _tsStyleguide.colours.functional.keyline, function (_ref) {
  var hideBorder = _ref.hideBorder;
  return hideBorder ? 0 : "1px";
}, function (_ref2) {
  var hideBorder = _ref2.hideBorder;
  return hideBorder && "margin-bottom: 12px";
}, function (_ref3) {
  var hideBorder = _ref3.hideBorder;
  return hideBorder ? 0 : "0.5px";
});
exports.SliceContainer = SliceContainer;

var getSeparator = function getSeparator(_ref4) {
  var hasLeftRightMargin = _ref4.hasLeftRightMargin;
  return (0, _styledComponents["default"])(_utils.TcView).withConfig({
    displayName: "responsive",
    componentId: "sc-1kirgpc-1"
  })(["border-bottom-color:", ";border-bottom-style:solid;border-bottom-width:1px;flex:1;margin-bottom:", ";margin-top:", ";min-width:auto;@media (min-width:", "px){border-bottom:none;border-right-color:", ";border-right-style:solid;border-right-width:1px;flex:0 !important;margin:", ";}"], _tsStyleguide.colours.functional.keyline, (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.colours.functional.keyline, hasLeftRightMargin ? "0 ".concat((0, _tsStyleguide.spacing)(2)) : "0");
};

exports.getSeparator = getSeparator;