suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (10 loc) • 2.51 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element, font } from '../theme/reset/index.js';
import { buildSpacingCSS } from '../theme/utils/spacing.js';
var baseStyles = function baseStyles(theme, color, globalMargins, propMargins) {
return css(templateObject_1 || (templateObject_1 = __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"])), element(theme), font(theme)('bodyText'), buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), !!color && color in theme.colors ? theme.colors[color] : theme.colors.blackBase, font(theme)('heading1Hero'), font(theme)('heading1'), font(theme)('heading2'), font(theme)('heading3'), font(theme)('heading4'), font(theme)('heading5'), font(theme)('heading5'), font(theme)('heading1SmallScreen'), font(theme)('heading1HeroSmallScreen'), font(theme)('heading1SmallScreen'), font(theme)('heading2SmallScreen'), font(theme)('heading3SmallScreen'), font(theme)('heading4SmallScreen'), font(theme)('heading5SmallScreen'), font(theme)('heading5SmallScreen'));
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=Heading.baseStyles.js.map