Remove some hardcoded CSS properties

This commit is contained in:
Félix Malfait
2023-07-08 12:44:18 +02:00
parent f54b20974a
commit 54b658b86b
17 changed files with 30 additions and 31 deletions
@@ -41,9 +41,8 @@ const StyledChip = styled.div`
const StyledCount = styled.div`
align-items: center;
display: flex;
font-size: 12px;
font-weight: 500;
font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ theme }) => theme.font.weight.medium};
justify-content: center;
`;
@@ -49,9 +49,9 @@ const StyledEditableTitleInput = styled.input`
flex-direction: column;
font-family: Inter;
font-size: 20px;
font-size: ${({ theme }) => theme.font.size.xl};
font-style: normal;
font-weight: 600;
font-weight: ${({ theme }) => theme.font.weight.semiBold};
justify-content: center;
line-height: 120%;
@@ -54,9 +54,9 @@ const StyledEditableTitleInput = styled.input`
flex-direction: column;
font-family: Inter;
font-size: 20px;
font-size: ${({ theme }) => theme.font.size.xl};
font-style: normal;
font-weight: 600;
font-weight: ${({ theme }) => theme.font.weight.semiBold};
justify-content: center;
line-height: 120%;
@@ -43,15 +43,15 @@ const StyledTimelineEmptyContainer = styled.div`
const StyledEmptyTimelineTitle = styled.div`
color: ${({ theme }) => theme.font.color.secondary};
font-size: 24px;
font-weight: 600;
font-size: ${({ theme }) => theme.font.size.xxl};
font-weight: ${({ theme }) => theme.font.weight.semiBold};
line-height: 120%;
`;
const StyledEmptyTimelineSubTitle = styled.div`
color: ${({ theme }) => theme.font.color.extraLight};
font-size: 24px;
font-weight: 600;
font-size: ${({ theme }) => theme.font.size.xxl};
font-weight: ${({ theme }) => theme.font.weight.semiBold};
line-height: 120%;
`;
@@ -132,7 +132,7 @@ const StyledCard = styled.div`
const StyledCardTitle = styled.div`
color: ${({ theme }) => theme.font.color.primary};
font-weight: 500;
font-weight: ${({ theme }) => theme.font.weight.medium};
line-height: 150%;
`;