suomifi-ui-components/dist/esm/core/Link/BaseLink/BaseLink.baseStyles.js

Suomi.fi UI component library

import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { font } from '../../theme/reset/index.js';
import 'polished';
import { allStates } from '../../../utils/css/pseudo.js';
import '@babel/runtime/helpers/typeof';

var baseStyles = function baseStyles(theme) {
  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  &.fi-link {\n    ", "\n    color: ", ";\n    text-decoration: none;\n\n    &:focus,\n    &:focus-within {\n      text-decoration: none;\n    }\n\n    &:focus {\n      ", "\n      ", "\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n    &:visited {\n      color: ", ";\n    }\n\n    &--initial-underline {\n      text-decoration: underline;\n\n      &:focus,\n      &:focus-within {\n        text-decoration: underline;\n      }\n\n      &:hover,\n      &:active {\n        text-decoration: none;\n      }\n    }\n    &.fi-link--accent {\n      & .fi-link--accent_icon {\n        font-size: 16px;\n        margin-left: -3px;\n        margin-right: 2px;\n        transform: translateY(0.15em);\n        & .fi-icon-base-fill {\n          fill: ", ";\n        }\n      }\n    }\n    &.fi-link--small {\n      font-size: 16px;\n    }\n  }\n"], ["\n  ", "\n\n  &.fi-link {\n    ", "\n    color: ", ";\n    text-decoration: none;\n\n    &:focus,\n    &:focus-within {\n      text-decoration: none;\n    }\n\n    &:focus {\n      ", "\n      ", "\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n    &:visited {\n      color: ", ";\n    }\n\n    &--initial-underline {\n      text-decoration: underline;\n\n      &:focus,\n      &:focus-within {\n        text-decoration: underline;\n      }\n\n      &:hover,\n      &:active {\n        text-decoration: none;\n      }\n    }\n    &.fi-link--accent {\n      & .fi-link--accent_icon {\n        font-size: 16px;\n        margin-left: -3px;\n        margin-right: 2px;\n        transform: translateY(0.15em);\n        & .fi-icon-base-fill {\n          fill: ", ";\n        }\n      }\n    }\n    &.fi-link--small {\n      font-size: 16px;\n    }\n  }\n"])), font(theme)('bodyText'), allStates("color: ".concat(theme.colors.highlightBase, ";")), theme.colors.highlightBase, theme.focuses.boxShadowFocus, theme.focuses.highContrastFocus, theme.colors.accentTertiaryDark1, theme.colors.accentBase);
};
var templateObject_1;

export { baseStyles };
//# sourceMappingURL=BaseLink.baseStyles.js.map