115 lines
6.1 KiB
CSS
115 lines
6.1 KiB
CSS
.tach-typography {
|
|
margin: 0;
|
|
}
|
|
|
|
.ant-typography.tach-typography {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.tach-typography--pointer,
|
|
.ant-typography.tach-typography--pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tach-typography--bold,
|
|
.ant-typography.tach-typography--bold {
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.tach-typography--color-primary,
|
|
.ant-typography.tach-typography--color-primary { color: var(--Text-Primary); }
|
|
.tach-typography--color-secondary,
|
|
.ant-typography.tach-typography--color-secondary { color: var(--Text-Secondary); }
|
|
.tach-typography--color-tertiary,
|
|
.ant-typography.tach-typography--color-tertiary { color: var(--Text-Tertiary); }
|
|
.tach-typography--color-quaternary,
|
|
.ant-typography.tach-typography--color-quaternary { color: var(--Text-Quaternary); }
|
|
.tach-typography--color-link,
|
|
.ant-typography.tach-typography--color-link { color: var(--System-HashtagsInPost); }
|
|
.tach-typography--color-white,
|
|
.ant-typography.tach-typography--color-white { color: var(--Default-White); }
|
|
.tach-typography--color-dark,
|
|
.ant-typography.tach-typography--color-dark { color: var(--Default-Dark); }
|
|
.tach-typography--color-alert,
|
|
.ant-typography.tach-typography--color-alert { color: var(--System-Alert); }
|
|
.tach-typography--color-malahit,
|
|
.ant-typography.tach-typography--color-malahit { color: var(--Accent-Malahit); }
|
|
.tach-typography--color-attantion,
|
|
.ant-typography.tach-typography--color-attantion { color: var(--System-Attantion); }
|
|
|
|
.tach-typography--LargeTitle,
|
|
.ant-typography.tach-typography--LargeTitle { font-family: Inter, sans-serif; font-size: 38px; font-weight: 500; line-height: 46px; }
|
|
.tach-typography--Title1,
|
|
.ant-typography.tach-typography--Title1 { font-family: Inter, sans-serif; font-size: 28px; font-weight: 500; line-height: 34px; }
|
|
.tach-typography--Title2,
|
|
.ant-typography.tach-typography--Title2 { font-family: Inter, sans-serif; font-size: 22px; font-weight: 500; line-height: 28px; }
|
|
.tach-typography--Title3,
|
|
.ant-typography.tach-typography--Title3 { font-family: Inter, sans-serif; font-size: 20px; font-weight: 500; line-height: 26px; }
|
|
.tach-typography--Headline,
|
|
.ant-typography.tach-typography--Headline { font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; }
|
|
.tach-typography--Body,
|
|
.tach-typography--AppMediumBody,
|
|
.ant-typography.tach-typography--Body,
|
|
.ant-typography.tach-typography--AppMediumBody { font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; }
|
|
.tach-typography--Inputs,
|
|
.ant-typography.tach-typography--Inputs { font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; }
|
|
.tach-typography--Subheadline,
|
|
.ant-typography.tach-typography--Subheadline { font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; }
|
|
.tach-typography--FootnoteUnderline,
|
|
.ant-typography.tach-typography--FootnoteUnderline { font-family: Inter, sans-serif; font-size: 13px; font-weight: 500; line-height: 18px; text-decoration: underline; }
|
|
.tach-typography--Footnote,
|
|
.ant-typography.tach-typography--Footnote { font-family: Inter, sans-serif; font-size: 13px; font-weight: 500; line-height: 18px; }
|
|
.tach-typography--Caption,
|
|
.ant-typography.tach-typography--Caption { font-family: Inter, sans-serif; font-size: 10px; font-weight: 500; line-height: 12px; text-transform: uppercase; }
|
|
.tach-typography--Caption2,
|
|
.ant-typography.tach-typography--Caption2 { font-family: Inter, sans-serif; font-size: 8px; font-weight: 500; line-height: 10px; text-transform: uppercase; }
|
|
|
|
.tach-typography--AccentH1,
|
|
.ant-typography.tach-typography--AccentH1 { font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 700; line-height: 30px; }
|
|
.tach-typography--AccentH2,
|
|
.ant-typography.tach-typography--AccentH2 { font-family: Unbounded, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; }
|
|
.tach-typography--AccentSubttl,
|
|
.ant-typography.tach-typography--AccentSubttl { font-family: Unbounded, sans-serif; font-size: 14px; font-weight: 700; line-height: 22px; }
|
|
.tach-typography--AccentSubttl2,
|
|
.ant-typography.tach-typography--AccentSubttl2 { font-family: Unbounded, sans-serif; font-size: 12px; font-weight: 700; line-height: 20px; }
|
|
.tach-typography--AccentCaption,
|
|
.ant-typography.tach-typography--AccentCaption { font-family: Unbounded, sans-serif; font-size: 9px; font-weight: 700; line-height: 12px; text-transform: uppercase; }
|
|
.tach-typography--AccentCaption2,
|
|
.ant-typography.tach-typography--AccentCaption2 { font-family: Unbounded, sans-serif; font-size: 7px; font-weight: 700; line-height: 10px; text-transform: uppercase; }
|
|
.tach-typography--AccentRegularM,
|
|
.ant-typography.tach-typography--AccentRegularM { font-family: Unbounded, sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; }
|
|
.tach-typography--AccentRegularS,
|
|
.ant-typography.tach-typography--AccentRegularS { font-family: Unbounded, sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; }
|
|
.tach-typography--AccentLargeTtl,
|
|
.ant-typography.tach-typography--AccentLargeTtl { font-family: Unbounded, sans-serif; font-size: 38px; font-weight: 700; line-height: 52px; }
|
|
.tach-typography--AppMediumSubtext,
|
|
.ant-typography.tach-typography--AppMediumSubtext { text-align: center; font-family: Inter, sans-serif; font-size: 11px; font-weight: 400; line-height: 17px; }
|
|
.tach-typography--AppMediumSubtextUnderline,
|
|
.ant-typography.tach-typography--AppMediumSubtextUnderline { font-family: Inter, sans-serif; font-size: 11px; font-weight: 400; line-height: 17px; text-decoration: underline; }
|
|
|
|
.tach-typography .tach-typography__md-link,
|
|
.ant-typography.tach-typography .tach-typography__md-link {
|
|
color: inherit;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.tach-typography .tach-typography__md-code,
|
|
.ant-typography.tach-typography .tach-typography__md-code {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.tach-typography--AccentLargeTtl,
|
|
.ant-typography.tach-typography--AccentLargeTtl {
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.tach-typography--AccentRegularM,
|
|
.ant-typography.tach-typography--AccentRegularM {
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
}
|
|
}
|