suomifi-ui-components/dist/cjs/core/LanguageMenu/LanguageMenu.baseStyles.js

Suomi.fi UI component library

'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  &.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"])), index.element(theme), spacing.buildSpacingCSS(globalMargins), spacing.buildSpacingCSS(propMargins, true), index.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;

exports.baseStyles = baseStyles;
//# sourceMappingURL=LanguageMenu.baseStyles.js.map