43 lines
969 B
TypeScript
43 lines
969 B
TypeScript
import styled from 'styled-components'
|
|
|
|
export const StyledBody = styled.body`
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
|
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
|
`
|
|
|
|
export const Page = styled.div`
|
|
width: 100%;
|
|
background-color: ${({ theme }) => theme.colors.background};
|
|
`
|
|
|
|
export const Main = styled.main`
|
|
color: ${({ theme }) => theme.colors.primary };
|
|
min-height: 100vh;
|
|
padding: 1rem 0;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
`
|
|
|
|
export const Footer = styled.footer`
|
|
color: ${({ theme }) => theme.colors.primary };
|
|
display: flex;
|
|
flex: 1;
|
|
padding: 2rem 0;
|
|
border-top: 1px solid ${({ theme }) => theme.colors.primary };
|
|
justify-content: center;
|
|
align-items: center;
|
|
`
|
|
|
|
// TODO
|
|
/* .footer a {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-grow: 1;
|
|
} */
|