suomifi-ui-components
Version:
Suomi.fi UI component library
12 lines (9 loc) • 1.45 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element, font } from '../theme/reset/index.js';
var baseStyles = function baseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n\n &.fi-details {\n & .fi-details_summary {\n color: ", ";\n ", "\n\n &:focus-visible {\n position: relative;\n ", " /* For high contrast mode */\n\n &::after {\n ", "\n }\n }\n }\n & .fi-details_content {\n border-left: 2px solid ", ";\n padding-left: 15px;\n padding-top: 10px;\n padding-bottom: 5px;\n margin-left: 4px;\n }\n }\n"], ["\n ", "\n ", "\n\n &.fi-details {\n & .fi-details_summary {\n color: ", ";\n ", "\n\n &:focus-visible {\n position: relative;\n ", " /* For high contrast mode */\n\n &::after {\n ", "\n }\n }\n }\n & .fi-details_content {\n border-left: 2px solid ", ";\n padding-left: 15px;\n padding-top: 10px;\n padding-bottom: 5px;\n margin-left: 4px;\n }\n }\n"])), element(theme), font(theme)('bodyText'), theme.colors.highlightBase, font(theme)('bodyTextSmall'), theme.focuses.highContrastFocus, theme.focuses.absoluteFocus, theme.colors.highlightBase);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=Details.baseStyles.js.map