suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (10 loc) • 1.57 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { font, fixInternalMargins } 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 ", "\n ", "\n ", "\n width: 290px;\n\n &.fi-single-select {\n & .fi-filter-input_input {\n padding-right: 36px;\n }\n\n &--value-selected {\n & .fi-filter-input_input {\n padding-right: 73px;\n }\n }\n\n &--full-width {\n width: 100%;\n }\n }\n\n &.fi-single-select--open {\n & .fi-filter-input_input {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n"], ["\n ", "\n ", "\n ", "\n ", "\n width: 290px;\n\n &.fi-single-select {\n & .fi-filter-input_input {\n padding-right: 36px;\n }\n\n &--value-selected {\n & .fi-filter-input_input {\n padding-right: 73px;\n }\n }\n\n &--full-width {\n width: 100%;\n }\n }\n\n &.fi-single-select--open {\n & .fi-filter-input_input {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n"])), font(theme)('bodyText'), buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), fixInternalMargins());
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=SingleSelect.baseStyles.js.map