suomifi-ui-components
Version:
Suomi.fi UI component library
14 lines (11 loc) • 2.29 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { font } from '../../theme/reset/index.js';
import 'polished';
import { cssValueToString } from '../../../utils/css/cssvalue.js';
var baseStyles = function baseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n &.fi-breadcrumb-link {\n display: inline-block;\n\n & .fi-breadcrumb-link_link {\n ", "\n margin: 0;\n\n &:hover,\n &:active {\n text-decoration: underline;\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\n &--current {\n color: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n text-decoration: none;\n }\n }\n }\n\n & .fi-breadcrumb-link_icon {\n transform: translateY(0.2em);\n margin: 0 ", ";\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n"], ["\n font-size: ", ";\n &.fi-breadcrumb-link {\n display: inline-block;\n\n & .fi-breadcrumb-link_link {\n ", "\n margin: 0;\n\n &:hover,\n &:active {\n text-decoration: underline;\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\n &--current {\n color: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n text-decoration: none;\n }\n }\n }\n\n & .fi-breadcrumb-link_icon {\n transform: translateY(0.2em);\n margin: 0 ", ";\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n"])), cssValueToString(theme.values.typography.bodyTextSmall.fontSize), font(theme)('bodyTextSmall'), theme.colors.depthDark1, theme.spacing.insetXs, theme.colors.depthDark1);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=BreadcrumbLink.baseStyles.js.map