@r3l/app/lib/styles/markdown.native.js

Relevant App

"use strict";

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

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

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

var _ = require("./");

var _reactNativeWeb = require("react-native-web");

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

var _default = function _default(colors, style) {
  var mb = (style === null || style === void 0 ? void 0 : style.pMargin) || 16;
  var headingMargin = 10;
  return {
    body: _objectSpread({
      fontFamily: 'Georgia',
      fontSize: 18,
      lineHeight: 28,
      color: colors.black
    }, (style === null || style === void 0 ? void 0 : style.body) || {}),
    heading1: {
      fontSize: 32,
      lineHeight: 54,
      fontFamily: _.fonts.HELVETICA_NEUE_BOLD,
      marginVertical: headingMargin
    },
    heading2: {
      fontSize: 24,
      fontFamily: _.fonts.HELVETICA_NEUE_CONDENSED_BOLD,
      marginVertical: headingMargin
    },
    heading3: {
      fontSize: 20,
      fontFamily: _.fonts.HELVETICA_NEUE_BOLD,
      marginVertical: headingMargin
    },
    heading4: {
      fontSize: 18,
      fontFamily: _.fonts.HELVETICA_NEUE_CONDENSED_BOLD,
      marginVertical: headingMargin
    },
    heading5: {
      fontSize: 18,
      fontFamily: _.fonts.HELVETICA_NEUE_CONDENSED_BOLD,
      marginVertical: headingMargin
    },
    link: {
      color: colors.blue,
      textDecorationLine: 'none'
    },
    blockquote: {
      borderLeftColor: '#DDDDDD',
      backgroundColor: 'transparent',
      paddingVertical: 0,
      borderLeftWidth: 4,
      paddingLeft: 16,
      opacity: 1,
      marginLeft: 0,
      marginVertical: mb / 2
    },
    code_block: {
      backgroundColor: 'rgba(27,31,35,.05)',
      borderWidth: 0,
      borderRadius: 3,
      fontSize: 15,
      fontFamily: _reactNativeWeb.Platform.OS === 'ios' ? 'Menlo' : 'monospace'
    },
    code_inline: {
      backgroundColor: 'rgba(27,31,35,.05)',
      borderRadius: 3,
      borderWidth: 0,
      fontSize: 15,
      paddingVertical: 4,
      fontFamily: _reactNativeWeb.Platform.OS === 'ios' ? 'Menlo' : 'monospace'
    },
    image: {
      minWidth: 200
    },
    fence: {
      borderWidth: 0,
      backgroundColor: 'rgba(27,31,35,.05)',
      borderRadius: 3,
      fontSize: 15,
      marginVertical: mb / 2,
      fontFamily: _reactNativeWeb.Platform.OS === 'ios' ? 'Menlo' : 'monospace'
    },
    paragraph: {
      marginVertical: mb / 2
    },
    inline: {
      marginBottom: 0
    },
    bullet_list: {
      marginVertical: mb / 2
    },
    ordered_list: {
      marginVertical: mb / 2
    },
    list_item: {
      marginVertical: mb / 2
    }
  };
};

exports.default = _default;
//# sourceMappingURL=markdown.native.js.map