suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (10 loc) • 1.45 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { font } from '../../theme/reset/index.js';
import { buildSpacingCSS } from '../../theme/utils/spacing.js';
var baseStyles = function baseStyles(theme, globalMargins, propMargins) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n color: ", ";\n font-size: 14px;\n line-height: 20px;\n ", "\n ", ";\n\n &.fi-status-text {\n display: block;\n &.fi-status-text--error {\n color: ", ";\n }\n & .fi-icon {\n vertical-align: middle;\n transform: translateY(-0.1em);\n margin-right: ", ";\n }\n &.fi-status-text--success .fi-icon-base-fill {\n fill: ", ";\n }\n }\n"], ["\n ", ";\n color: ", ";\n font-size: 14px;\n line-height: 20px;\n ", "\n ", ";\n\n &.fi-status-text {\n display: block;\n &.fi-status-text--error {\n color: ", ";\n }\n & .fi-icon {\n vertical-align: middle;\n transform: translateY(-0.1em);\n margin-right: ", ";\n }\n &.fi-status-text--success .fi-icon-base-fill {\n fill: ", ";\n }\n }\n"])), font(theme)('bodySemiBoldSmall'), theme.colors.blackBase, buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), theme.colors.alertBase, theme.spacing.xxs, theme.colors.successBase);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=StatusText.baseStyles.js.map