suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (10 loc) • 2.69 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element } 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 &.fi-language-menu {\n .fi-language-menu_button {\n ", "\n ", "\n padding: 9px ", ";\n line-height: 24px;\n background-color: ", ";\n border: 1px solid transparent;\n border-radius: ", ";\n word-break: break-word;\n display: flex;\n align-items: center;\n\n .fi-language-menu_button_text_wrapper {\n ", "\n word-break: break-word;\n line-height: 24px;\n }\n\n .fi-language-menu_button_icon {\n width: 18px;\n height: 18px;\n margin-left: ", ";\n\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &:focus {\n position: relative;\n ", "\n\n &:after {\n ", "\n }\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &--open {\n border-color: ", ";\n }\n }\n }\n"], ["\n ", "\n ", "\n ", "\n\n &.fi-language-menu {\n .fi-language-menu_button {\n ", "\n ", "\n padding: 9px ", ";\n line-height: 24px;\n background-color: ", ";\n border: 1px solid transparent;\n border-radius: ", ";\n word-break: break-word;\n display: flex;\n align-items: center;\n\n .fi-language-menu_button_text_wrapper {\n ", "\n word-break: break-word;\n line-height: 24px;\n }\n\n .fi-language-menu_button_icon {\n width: 18px;\n height: 18px;\n margin-left: ", ";\n\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &:focus {\n position: relative;\n ", "\n\n &:after {\n ", "\n }\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &--open {\n border-color: ", ";\n }\n }\n }\n"])), element(theme), buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), element(theme), theme.typography.actionElementInnerTextBold, theme.spacing.xs, theme.colors.whiteBase, theme.radiuses.basic, theme.typography.actionElementInnerTextBold, theme.spacing.xs, theme.colors.highlightBase, theme.focuses.highContrastFocus, theme.focuses.absoluteFocus, theme.colors.depthLight1, theme.colors.depthLight1);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=LanguageMenu.baseStyles.js.map