suomifi-ui-components
Version:
Suomi.fi UI component library
14 lines (10 loc) • 2.32 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styledComponents = require('styled-components');
var index = require('../../theme/reset/index.js');
var baseStyles = function baseStyles(theme) {
return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__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"])), index.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;
exports.baseStyles = baseStyles;
//# sourceMappingURL=LanguageMenuItem.baseStyles.js.map