suomifi-ui-components
Version:
Suomi.fi UI component library
15 lines (11 loc) • 2.86 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 ", "\n ", "\n ", "\n ", "\n\n &.fi-radio-button-group {\n & .fi-radio-button-group_legend {\n &--with-margin {\n margin-bottom: ", ";\n }\n .fi-hint-text {\n margin-bottom: 0;\n }\n }\n\n & .fi-radio-button-group_label {\n display: block;\n ", ";\n }\n\n & .fi-radio-button-group_label--with-margin {\n margin-bottom: ", ";\n }\n\n & .fi-radio-button-group_hintText {\n color: ", ";\n ", ";\n }\n\n & .fi-status-text {\n line-height: 18px;\n &.fi-radio-button-group_statusText--has-content {\n margin-top: ", ";\n padding-left: 3px;\n }\n }\n }\n\n & .fi-radio-button-group_container {\n & > .fi-radio-button {\n margin: 0;\n margin-bottom: ", ";\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &--large {\n margin-bottom: ", ";\n\n &:first-child {\n margin-top: ", ";\n }\n }\n }\n }\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n\n &.fi-radio-button-group {\n & .fi-radio-button-group_legend {\n &--with-margin {\n margin-bottom: ", ";\n }\n .fi-hint-text {\n margin-bottom: 0;\n }\n }\n\n & .fi-radio-button-group_label {\n display: block;\n ", ";\n }\n\n & .fi-radio-button-group_label--with-margin {\n margin-bottom: ", ";\n }\n\n & .fi-radio-button-group_hintText {\n color: ", ";\n ", ";\n }\n\n & .fi-status-text {\n line-height: 18px;\n &.fi-radio-button-group_statusText--has-content {\n margin-top: ", ";\n padding-left: 3px;\n }\n }\n }\n\n & .fi-radio-button-group_container {\n & > .fi-radio-button {\n margin: 0;\n margin-bottom: ", ";\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &--large {\n margin-bottom: ", ";\n\n &:first-child {\n margin-top: ", ";\n }\n }\n }\n }\n"])), index.element(theme), index.font(theme)('bodyText'), spacing.buildSpacingCSS(globalMargins), spacing.buildSpacingCSS(propMargins, true), index.fixInternalMargins(), theme.spacing.xs, theme.typography.bodySemiBoldSmall, theme.spacing.xs, theme.colors.depthDark1, theme.typography.bodyTextSmall, theme.spacing.xxs, theme.spacing.xs, theme.spacing.s, theme.spacing.xxs);
};
var templateObject_1;
exports.baseStyles = baseStyles;
//# sourceMappingURL=RadioButtonGroup.baseStyles.js.map