@dialpad/dialtone-css
Version:
Dialpad's design system
64 lines (54 loc) • 1.79 kB
text/less
//
// DIALTONE
// GLOBALS
//
// This file provides global CSS styles for Dialtone. For more Information
// about Dialtone and these classes, please visit:
// https://dialtone.dialpad.com
//
// ============================================================================
// ============================================================================
// @ RESETS
// ============================================================================
// [1] Font size set to 10px to make REM values easier to calculate
// [2] We don't want 10px to be the default size, so we reset it to
// the desired 16px size;
// [3] Prevent adjustments of font size after orientation changes in iOS.
// ----------------------------------------------------------------------------
@font-face {
font-weight: 400;
font-family: "Season Mix";
font-style: normal;
src: url('../fonts/SeasonMix-Regular.woff2') format('woff2');
}
@font-face {
font-weight: 600;
font-family: "Season Mix";
font-style: normal;
src: url('../fonts/SeasonMix-SemiBold.woff2') format('woff2');
}
@font-face {
font-weight: 700;
font-family: "Season Mix";
font-style: normal;
src: url('../fonts/SeasonMix-Bold.woff2') format('woff2');
}
// Define custom font: "Segoe UI Adjusted" to fix some visual issues with the Segoe UI font
@font-face {
font-family: "Segoe UI Adjusted";
src: local(Segoe UI);
ascent-override: 95%;
}
html,
body {
margin: 0;
/* stylelint-disable-next-line meowtec/no-px */
font-size: 10px;
}
body {
color: var(--dt-color-foreground-primary);
font: var(--dt-typography-body-md);
background-color: var(--dt-color-surface-primary);
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}