suomifi-ui-components
Version:
Suomi.fi UI component library
12 lines (9 loc) • 1.11 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { baseStyles } from '../BaseLink/BaseLink.baseStyles.js';
var SkipLinkStyles = function SkipLinkStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n &.fi-link--skip {\n position: absolute;\n z-index: 10000;\n left: -1000px;\n margin: ", ";\n padding: ", ";\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n }\n\n &.fi-link--skip:focus {\n position: absolute;\n left: auto;\n }\n"], ["\n ", "\n &.fi-link--skip {\n position: absolute;\n z-index: 10000;\n left: -1000px;\n margin: ", ";\n padding: ", ";\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n }\n\n &.fi-link--skip:focus {\n position: absolute;\n left: auto;\n }\n"])), baseStyles(theme), theme.spacing.insetXl, theme.spacing.insetM, theme.colors.highlightLight3, theme.colors.depthLight1, theme.colors.blackBase);
};
var templateObject_1;
export { SkipLinkStyles };
//# sourceMappingURL=SkipLink.baseStyles.js.map