mirror of
https://github.com/luxfi/financial.git
synced 2026-10-30 16:55:56 +00:00
zeekay
3d5244bb4c
Regulated banking platform marketing site covering: - Fiat, crypto, stablecoins, digital securities - CEX, DEX, AMM - 200+ countries - Payments, treasury, and banking infrastructure Built on Next.js static export, deployed via hanzoai/spa on lux-k8s. Migrated from luxfi/bank v1-archive branch.
46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
import styled, { css } from 'styled-components';
|
|
const sizes = {
|
|
xxs: css `
|
|
font-size: ${({ theme }) => theme.height.xs.value};
|
|
line-height: ${({ theme }) => theme.height.xs.value};
|
|
`,
|
|
xs: css `
|
|
font-size: ${({ theme }) => theme.height.sm.value};
|
|
line-height: ${({ theme }) => theme.height.sm.value};
|
|
`,
|
|
sm: css `
|
|
font-size: ${({ theme }) => theme.height.md.value};
|
|
line-height: ${({ theme }) => theme.height.md.value};
|
|
`,
|
|
md: css `
|
|
font-size: ${({ theme }) => theme.height.lg.value};
|
|
line-height: ${({ theme }) => theme.height.lg.value};
|
|
`,
|
|
lg: css `
|
|
font-size: ${({ theme }) => theme.height.xxl.value};
|
|
line-height: ${({ theme }) => theme.height.xxl.value};
|
|
`,
|
|
xl: css `
|
|
font-size: ${({ theme }) => theme.height.xxxl.value};
|
|
line-height: ${({ theme }) => theme.height.xxxl.value};
|
|
`,
|
|
xxl: css `
|
|
font-size: ${({ theme }) => theme.height['24x'].value};
|
|
line-height: ${({ theme }) => theme.height['24x'].value};
|
|
`,
|
|
xxxl: css `
|
|
font-size: ${({ theme }) => theme.height['30x'].value};
|
|
line-height: ${({ theme }) => theme.height['30x'].value};
|
|
`,
|
|
};
|
|
const Container = styled.span `
|
|
width: fit-content;
|
|
font-family: var(--ds-icons);
|
|
font-weight: 100;
|
|
color: ${(props) => props.$color || props.theme.textColor.layout.primary.value};
|
|
${(props) => sizes[props.$size || 'md']};
|
|
`;
|
|
export default {
|
|
Container,
|
|
};
|
|
//# sourceMappingURL=styles.js.map
|