Files
website/src/components/Container/styles.tsx
T

23 lines
480 B
TypeScript

import styled from "styled-components"
export const ContainerWrapper = styled.div`
--padding: 64px;
width: 650px;
max-width: calc(100% - var(--padding) * 2);
padding: 0 var(--padding);
margin: 0 auto;
@media screen and (max-width: 767px) {
--padding: 32px;
}
// Offsets anchor links while taking the fixed header into consideration
[id]::before {
content: '';
display: block;
height: 80px;
margin-top: -80px;
visibility: hidden;
}
`