suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (9 loc) • 2.75 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 &.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;
exports.baseStyles = baseStyles;
//# sourceMappingURL=ModalFooter.baseStyles.js.map