@amsterdam/bmi-component-library
Version:
A React component library based on ASC and Material-UI aimed at repurposing and sharing components across BMI projects
32 lines (29 loc) • 888 B
JavaScript
import styled from"styled-components";import{TopBar,Divider,breakpoint,themeSpacing}from"@amsterdam/asc-ui";export const ModalTopBarStyle=styled(TopBar)`
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 44px ${({hideDivider})=>hideDivider?0:themeSpacing(6)};
padding: 0;
margin-bottom: ${({hideDivider})=>hideDivider?0:"12px"};
@media screen and (${breakpoint("min-width","tabletS")}) {
padding: 0;
}
&::after {
content: unset;
}
${Divider} {
grid-column: 1 / span 2;
align-self: flex-end;
background-color: ${({hideDivider})=>hideDivider?"transparent":"#000"};
}
`;export const ModalTopBarTruncatedStyle=styled.div`
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
font-size: 40px;
font-weight: 800;
letter-spacing: 0;
font-style: normal;
line-height: 110%;
`;
//# sourceMappingURL=ModalTopBarStyles.js.map