@frontity/twentytwenty-theme
Version:
The WordPress Twenty Twenty starter theme for Frontity
24 lines (18 loc) • 467 B
JavaScript
import { styled } from "frontity";
// Header sizes bases on style.css
const maxWidths = {
thin: "58rem",
small: "80rem",
medium: "100rem",
};
const getMaxWidth = (props) => maxWidths[props.size] || maxWidths["medium"];
const SectionContainer = styled.div`
margin-left: auto;
margin-right: auto;
width: calc(100% - 4rem);
max-width: ${getMaxWidth};
@media (min-width: 700px) {
width: calc(100% - 8rem);
}
`;
export default SectionContainer;