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

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var styled = require('styled-components');
var index = require('../../theme/reset/index.js');
require('polished');
var pseudo = require('../../../utils/css/pseudo.js');
require('@babel/runtime/helpers/typeof');

var baseStyles = function baseStyles(theme) {
  return styled.css(templateObject_1 || (templateObject_1 = tslib.__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"])), index.font(theme)('bodyText'), pseudo.allStates("color: ".concat(theme.colors.highlightBase, ";")), theme.colors.highlightBase, theme.focuses.boxShadowFocus, theme.focuses.highContrastFocus, theme.colors.accentTertiaryDark1, theme.colors.accentBase);
};
var templateObject_1;

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