@dialpad/dialtone-css
Version:
Dialpad's design system
47 lines (43 loc) • 1.78 kB
text/less
/* stylelint-disable meowtec/no-px */
//
// DIALTONE
// TOKENS: TYPOGRAPHY
// Pretty much everything in this file will ultimately be replaced by Design Tokens
//
// These are typography constants for Dialpad's design system Dialtone.
// For further documentation of these and other classes,
// visit https://dialtone.dialpad.com/tokens/typography
//
// TABLE OF CONTENTS
// • Line heights
//
// ============================================================================
// $ LINE HEIGHTS
// ----------------------------------------------------------------------------
// Currently unclear how these will be replaced by Design Tokens
@lh0: 1;
@lh1: calc(1em + 1px);
@lh2: calc(1em + 2px);
@lh4: calc(1em + 4px);
@lh6: calc(1em + 6px);
@lh8: calc(1em + 8px);
@lh12: calc(1em + 12px);
@lh16: calc(1em + 16px);
@lh20: calc(1em + 20px);
@lh24: calc(1em + 24px);
// ============================================================================
// $ CSS VARIABLES
// ----------------------------------------------------------------------------
@type-styles-vars: {
lh0: @lh0;
lh1: @lh1;
lh2: @lh2;
lh4: @lh4;
lh6: @lh6;
lh8: @lh8;
lh12: @lh12;
lh16: @lh16;
lh20: @lh20;
lh24: @lh24;
ls-content: '\1F44D';
}