suomifi-ui-components
Version:
Suomi.fi UI component library
12 lines (9 loc) • 2.27 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element } from '../../theme/reset/index.js';
var baseStyles = function baseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* stylelint-disable no-descending-specificity */\n &.fi-language-menu-item {\n ", "\n margin: ", " 0;\n\n ", "\n word-break: break-word;\n color: ", ";\n display: inline-block;\n width: 100%;\n padding: 0 ", " 0 ", ";\n border-left: 4px solid transparent;\n\n &:active,\n &:focus,\n &:visited {\n outline: none;\n color: ", ";\n }\n\n &--isHighlighted {\n border-left-color: ", ";\n position: relative;\n\n &:after {\n content: '';\n\n @media (forced-colors: active) {\n position: absolute;\n left: 1px;\n right: 1px;\n top: 1px;\n bottom: 1px;\n border: solid 3px Highlight;\n }\n }\n }\n\n &--selected {\n font-weight: bold;\n border-left-color: ", ";\n }\n }\n"], ["\n /* stylelint-disable no-descending-specificity */\n &.fi-language-menu-item {\n ", "\n margin: ", " 0;\n\n ", "\n word-break: break-word;\n color: ", ";\n display: inline-block;\n width: 100%;\n padding: 0 ", " 0 ", ";\n border-left: 4px solid transparent;\n\n &:active,\n &:focus,\n &:visited {\n outline: none;\n color: ", ";\n }\n\n &--isHighlighted {\n border-left-color: ", ";\n position: relative;\n\n &:after {\n content: '';\n\n @media (forced-colors: active) {\n position: absolute;\n left: 1px;\n right: 1px;\n top: 1px;\n bottom: 1px;\n border: solid 3px Highlight;\n }\n }\n }\n\n &--selected {\n font-weight: bold;\n border-left-color: ", ";\n }\n }\n"])), element(theme), theme.spacing.xxs, theme.typography.actionElementInnerText, theme.colors.blackBase, theme.spacing.m, theme.spacing.xxs, theme.colors.blackBase, theme.colors.highlightBase, theme.colors.highlightBase);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=LanguageMenuItem.baseStyles.js.map