suomifi-ui-components
Version:
Suomi.fi UI component library
11 lines (8 loc) • 2.72 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
var baseStyles = function baseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.fi-modal_footer {\n flex: 0 0 auto;\n position: relative;\n & .fi-modal_footer_content {\n padding-top: 0;\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n display: flex;\n flex-wrap: wrap;\n & > * {\n margin-top: ", ";\n margin-right: ", ";\n }\n }\n\n & .fi-modal_footer_content-gradient-overlay {\n position: absolute;\n height: 51px;\n width: 100%;\n top: -51px;\n border-bottom: 1px solid ", ";\n & .fi-modal_footer_content-gradient {\n height: 50px;\n margin: 0 ", " 0 ", ";\n background: linear-gradient(\n 0deg,\n ", ",\n rgba(255, 255, 255, 0)\n );\n }\n }\n\n &--small-screen {\n & .fi-modal_footer_content {\n padding-right: 0;\n padding-bottom: ", ";\n padding-left: ", ";\n flex-direction: column;\n & > * {\n display: block;\n width: calc(100% - ", ");\n margin-top: ", ";\n }\n }\n }\n }\n"], ["\n &.fi-modal_footer {\n flex: 0 0 auto;\n position: relative;\n & .fi-modal_footer_content {\n padding-top: 0;\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n display: flex;\n flex-wrap: wrap;\n & > * {\n margin-top: ", ";\n margin-right: ", ";\n }\n }\n\n & .fi-modal_footer_content-gradient-overlay {\n position: absolute;\n height: 51px;\n width: 100%;\n top: -51px;\n border-bottom: 1px solid ", ";\n & .fi-modal_footer_content-gradient {\n height: 50px;\n margin: 0 ", " 0 ", ";\n background: linear-gradient(\n 0deg,\n ", ",\n rgba(255, 255, 255, 0)\n );\n }\n }\n\n &--small-screen {\n & .fi-modal_footer_content {\n padding-right: 0;\n padding-bottom: ", ";\n padding-left: ", ";\n flex-direction: column;\n & > * {\n display: block;\n width: calc(100% - ", ");\n margin-top: ", ";\n }\n }\n }\n }\n"])), theme.spacing.s, theme.spacing.m, theme.spacing.xl, theme.spacing.m, theme.spacing.s, theme.colors.depthLight1, theme.spacing.m, theme.spacing.m, theme.colors.whiteBase, theme.spacing.s, theme.spacing.s, theme.spacing.s, theme.spacing.s);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=ModalFooter.baseStyles.js.map