suomifi-ui-components
Version:
Suomi.fi UI component library
11 lines (8 loc) • 1.08 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
var baseStyles = function baseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline;\n height: 16px;\n width: 16px;\n margin-left: 5px;\n vertical-align: middle;\n\n &:focus-visible {\n ", " /* For hight contrast mode */\n position: relative;\n &:after {\n ", "\n }\n }\n\n & .fi-tooltip_toggle-button_icon {\n height: 100%;\n width: 100%;\n color: ", ";\n }\n"], ["\n display: inline;\n height: 16px;\n width: 16px;\n margin-left: 5px;\n vertical-align: middle;\n\n &:focus-visible {\n ", " /* For hight contrast mode */\n position: relative;\n &:after {\n ", "\n }\n }\n\n & .fi-tooltip_toggle-button_icon {\n height: 100%;\n width: 100%;\n color: ", ";\n }\n"])), theme.focuses.highContrastFocus, theme.focuses.absoluteFocus, theme.colors.highlightBase);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=TooltipToggleButton.baseStyles.js.map