adjust titles

This commit is contained in:
nikk gitanes
2021-07-31 02:41:25 +03:00
parent 322565e9a9
commit 202c622d07

View File

@@ -129,12 +129,15 @@ export const SectionSubName = styled.div`
}, },
}) => css` }) => css`
${({ mb }) => css` ${({ mb }) => css`
${mb && `margin-top: ${mb / 3}px`};
${mb && `margin-bottom: ${mb}px`}; ${mb && `margin-bottom: ${mb}px`};
line-height: 1.2;
color: ${subNameFontColor}; color: ${subNameFontColor};
@media (max-width: 800px) { @media (max-width: 800px) {
${mb && `margin-top: ${mb / 4}px`};
${mb && `margin-bottom: ${mb / 2}px`}; ${mb && `margin-bottom: ${mb / 2}px`};
font-size: 11px; font-size: 14px;
} }
`} `}
`} `}
@@ -149,14 +152,15 @@ export const SectionTitle = styled.div`
}) => css` }) => css`
${({ mb }) => css` ${({ mb }) => css`
${mb && `margin-bottom: ${mb}px`}; ${mb && `margin-bottom: ${mb}px`};
font-size: 35px; font-size: 34px;
font-weight: 300; font-weight: 300;
line-height: 1; line-height: 1;
word-break: break-word; word-break: break-word;
color: ${color || titleFontColor}; color: ${color || titleFontColor};
@media (max-width: 800px) { @media (max-width: 800px) {
font-size: 25px; font-size: 24px;
line-height: 1.1;
${mb && `margin-bottom: ${mb / 2}px`}; ${mb && `margin-bottom: ${mb / 2}px`};
} }
`} `}