Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | 56x 22x 18x 18x 18x | import { cssClass } from '../styled';
import { borderRadius, fontSize, fontWeight, space, theme } from '../utils';
export const Card = styleProps => cssClass`
background-color: white;
border-radius: ${borderRadius('default')(styleProps)};
padding: ${space(3, 'major')(styleProps)}rem;
& {
${theme(styleProps.themeKey, `css.root`)(styleProps)};
}
`;
export const CardContent = styleProps => cssClass`
& {
${theme(styleProps.themeKey, `css.root`)(styleProps)};
}
`;
export const CardHeader = styleProps => cssClass`
display: flex;
margin-bottom: ${space(1, 'major')(styleProps)}rem;
align-items: center;
justify-content: space-between;
& {
${theme(styleProps.themeKey, `css.root`)(styleProps)};
}
`;
export const CardTitle = styleProps => cssClass`
font-weight: ${fontWeight('semibold')(styleProps)};
font-size: ${fontSize('300')(styleProps)}em;
& {
${theme(styleProps.themeKey, `css.root`)(styleProps)};
}
`;
export const CardFooter = styleProps => cssClass`
margin-top: ${space(3, 'major')(styleProps)}rem;
& {
${theme(styleProps.themeKey, `css.root`)(styleProps)};
}
`;
|