suomifi-ui-components
Version:
Suomi.fi UI component library
16 lines (12 loc) • 2.34 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styledComponents = require('styled-components');
var index = require('../../theme/reset/index.js');
require('polished');
var cssvalue = require('../../../utils/css/cssvalue.js');
var baseStyles = function baseStyles(theme) {
return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__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"])), cssvalue.cssValueToString(theme.values.typography.bodyTextSmall.fontSize), index.font(theme)('bodyTextSmall'), theme.colors.depthDark1, theme.spacing.insetXs, theme.colors.depthDark1);
};
var templateObject_1;
exports.baseStyles = baseStyles;
//# sourceMappingURL=BreadcrumbLink.baseStyles.js.map