suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (10 loc) • 1.34 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-text {\n &--bold {\n ", "\n }\n &--lead {\n ", "\n }\n &--small-screen {\n ", "\n &.fi-text--bold {\n ", "\n }\n &.fi-text--lead {\n ", "\n }\n }\n }\n"], ["\n ", "\n ", "\n ", "\n ", "\n color: ", ";\n\n &.fi-text {\n &--bold {\n ", "\n }\n &--lead {\n ", "\n }\n &--small-screen {\n ", "\n &.fi-text--bold {\n ", "\n }\n &.fi-text--lead {\n ", "\n }\n }\n }\n"])), element(theme), font(theme)('bodyText'), buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), !!color ? theme.colors[color] : theme.colors.blackBase, font(theme)('bodySemiBold'), font(theme)('leadText'), font(theme)('bodyTextSmall'), font(theme)('bodySemiBoldSmall'), font(theme)('leadTextSmallScreen'));
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=Text.baseStyles.js.map