main-site/components/styles/generic.tsx

37 lines
751 B
TypeScript
Raw Normal View History

import styled from 'styled-components'
2022-12-15 20:23:11 +00:00
export const Page = styled.div`
width: 100%;
background-color: ${({ theme }) => theme.colors.background};
`
2022-12-15 20:23:11 +00:00
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;
} */