@bnnvara/typography
Version:
Typography for BNNVARA
32 lines (26 loc) • 1.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _breakpoints = require("@bnnvara/breakpoints");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var TextStyle = _styledComponents.default.div.withConfig({
displayName: "TextStyle"
})(["color:", ";font-weight:", ";font-size:0.9375rem;line-height:1.375rem;margin:0;", "{font-size:1.125rem;line-height:2rem;}", "{font-size:1.25rem;line-height:2rem;}blockquote{font-size:1.75rem;color:", ";line-height:1.6;border-left:3px solid ", ";padding-left:15px;", "{font-size:2rem;padding-left:22px;}}a{text-decoration:underline;color:", ";}"], function (props) {
return props.color;
}, function (props) {
return props.bold ? 'bold' : 'normal';
}, _breakpoints.breakpoints.md, _breakpoints.breakpoints.lg, function (_ref) {
var theme = _ref.theme;
return theme.base.black;
}, function (_ref2) {
var theme = _ref2.theme;
return theme.primary.main;
}, _breakpoints.breakpoints.md, function (_ref3) {
var theme = _ref3.theme;
return theme.primary.main;
});
var _default = TextStyle;
exports.default = _default;