suomifi-ui-components
Version:
Suomi.fi UI component library
15 lines (11 loc) • 1.5 kB
JavaScript
'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, globalMargins, propMargins) {
return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__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"])), index.font(theme)('bodySemiBoldSmall'), theme.colors.blackBase, spacing.buildSpacingCSS(globalMargins), spacing.buildSpacingCSS(propMargins, true), theme.colors.alertBase, theme.spacing.xxs, theme.colors.successBase);
};
var templateObject_1;
exports.baseStyles = baseStyles;
//# sourceMappingURL=StatusText.baseStyles.js.map