suomifi-ui-components
Version:
Suomi.fi UI component library
14 lines (10 loc) • 1.5 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styledComponents = require('styled-components');
var index = require('../theme/reset/index.js');
var baseStyles = function baseStyles(theme) {
return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__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"])), index.element(theme), index.font(theme)('bodyText'), theme.colors.highlightBase, index.font(theme)('bodyTextSmall'), theme.focuses.highContrastFocus, theme.focuses.absoluteFocus, theme.colors.highlightBase);
};
var templateObject_1;
exports.baseStyles = baseStyles;
//# sourceMappingURL=Details.baseStyles.js.map