@amsterdam/bmi-component-library
Version:
A React component library based on ASC and Material-UI aimed at repurposing and sharing components across BMI projects
28 lines (27 loc) • 890 B
JavaScript
import styled,{css}from"styled-components";import{Divider,themeSpacing}from"@amsterdam/asc-ui";export const ModalActionsCss=css`
display: grid;
grid-template-rows: ${themeSpacing(6)} auto;
padding: 0;
text-align: right;
${Divider} {
grid-column: 1 / span 2;
grid-row: 1;
background-color: ${({hideDivider})=>hideDivider?"transparent":"#000"};
}
`;export const ModalActionsStyle=styled.footer`
${ModalActionsCss}
grid-template-columns: 1fr;
`;export const ModalActionsSplitStyle=styled.footer`
${ModalActionsCss}
grid-template-columns: 1fr 1fr;
`;export const ModalActionsLeftStyle=styled.div`
display: flex;
grid-column: 1;
gap: ${themeSpacing(2)}; /* > Safari 14.1 */
`;export const ModalActionsRightStyle=styled.div`
display: flex;
grid-column: 2;
justify-content: end;
gap: ${themeSpacing(2)}; /* > Safari 14.1 */
`;
//# sourceMappingURL=ModalActionsStyles.js.map