suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (9 loc) • 1.54 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styled = require('styled-components');
var baseStyles = function baseStyles(theme) {
return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n width: 20px;\n height: 20px;\n cursor: pointer;\n pointer-events: all;\n justify-content: center;\n align-items: center;\n\n &.fi-input-toggle-button {\n display: flex;\n height: 100%;\n & .fi-input-toggle-button_icon {\n pointer-events: none;\n width: 10px;\n height: 10px;\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &[disabled],\n &:disabled {\n cursor: not-allowed;\n & .fi-input-toggle-button_icon {\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n }\n"], ["\n width: 20px;\n height: 20px;\n cursor: pointer;\n pointer-events: all;\n justify-content: center;\n align-items: center;\n\n &.fi-input-toggle-button {\n display: flex;\n height: 100%;\n & .fi-input-toggle-button_icon {\n pointer-events: none;\n width: 10px;\n height: 10px;\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &[disabled],\n &:disabled {\n cursor: not-allowed;\n & .fi-input-toggle-button_icon {\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n }\n"])), theme.colors.blackBase, theme.colors.depthBase);
};
var templateObject_1;
exports.baseStyles = baseStyles;
//# sourceMappingURL=InputToggleButton.baseStyles.js.map