mirror of
https://github.com/trezor/trezor-wallet
synced 2025-02-05 21:00:58 +00:00
41 lines
658 B
JavaScript
41 lines
658 B
JavaScript
import styled, { css } from 'styled-components';
|
|
import colors from 'config/colors';
|
|
|
|
const baseStyles = css`
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
color: ${colors.TEXT_PRIMARY};
|
|
font-weight: bold;
|
|
`;
|
|
|
|
const H1 = styled.h1`
|
|
${baseStyles};
|
|
font-size: 18px;
|
|
`;
|
|
|
|
const H2 = styled.h2`
|
|
${baseStyles};
|
|
font-size: 16px;
|
|
|
|
${props => props.claim && css`
|
|
font-size: 36px;
|
|
padding-bottom: 24px
|
|
`}
|
|
`;
|
|
|
|
const H3 = styled.h3`
|
|
${baseStyles};
|
|
font-size: 14px;
|
|
`;
|
|
|
|
const H4 = styled.h4`
|
|
${baseStyles};
|
|
font-size: 12px;
|
|
`;
|
|
|
|
export {
|
|
H1,
|
|
H2,
|
|
H3,
|
|
H4,
|
|
}; |