suomifi-ui-components/dist/cjs/core/Heading/Heading.baseStyles.js

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var styledComponents = require('styled-components');
var index = require('../theme/reset/index.js');
var spacing = require('../theme/utils/spacing.js');

var baseStyles = function baseStyles(theme, color, globalMargins, propMargins) {
  return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  color: ", ";\n\n  &.fi-heading {\n    &--h1hero {\n      ", "\n    }\n    &--h1 {\n      ", "\n    }\n    &--h2 {\n      ", "\n    }\n    &--h3 {\n      ", "\n    }\n    &--h4 {\n      ", "\n    }\n    &--h5 {\n      ", "\n    }\n    &--h6 {\n      ", "\n    }\n    &--small-screen {\n      ", "\n      &.fi-heading {\n        &--h1hero {\n          ", "\n        }\n        &--h1 {\n          ", "\n        }\n        &--h2 {\n          ", "\n        }\n        &--h3 {\n          ", "\n        }\n        &--h4 {\n          ", "\n        }\n        &--h5 {\n          ", "\n        }\n        &--h6 {\n          ", "\n        }\n      }\n    }\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  color: ", ";\n\n  &.fi-heading {\n    &--h1hero {\n      ", "\n    }\n    &--h1 {\n      ", "\n    }\n    &--h2 {\n      ", "\n    }\n    &--h3 {\n      ", "\n    }\n    &--h4 {\n      ", "\n    }\n    &--h5 {\n      ", "\n    }\n    &--h6 {\n      ", "\n    }\n    &--small-screen {\n      ", "\n      &.fi-heading {\n        &--h1hero {\n          ", "\n        }\n        &--h1 {\n          ", "\n        }\n        &--h2 {\n          ", "\n        }\n        &--h3 {\n          ", "\n        }\n        &--h4 {\n          ", "\n        }\n        &--h5 {\n          ", "\n        }\n        &--h6 {\n          ", "\n        }\n      }\n    }\n  }\n"])), index.element(theme), index.font(theme)('bodyText'), spacing.buildSpacingCSS(globalMargins), spacing.buildSpacingCSS(propMargins, true), !!color && color in theme.colors ? theme.colors[color] : theme.colors.blackBase, index.font(theme)('heading1Hero'), index.font(theme)('heading1'), index.font(theme)('heading2'), index.font(theme)('heading3'), index.font(theme)('heading4'), index.font(theme)('heading5'), index.font(theme)('heading5'), index.font(theme)('heading1SmallScreen'), index.font(theme)('heading1HeroSmallScreen'), index.font(theme)('heading1SmallScreen'), index.font(theme)('heading2SmallScreen'), index.font(theme)('heading3SmallScreen'), index.font(theme)('heading4SmallScreen'), index.font(theme)('heading5SmallScreen'), index.font(theme)('heading5SmallScreen'));
};
var templateObject_1;

exports.baseStyles = baseStyles;
//# sourceMappingURL=Heading.baseStyles.js.map