add typography
This commit is contained in:
@@ -13,24 +13,18 @@ $sMargin-section: 24px; // To separate main section
|
||||
$sMargin-element: 14px; // To separate elements inside a group
|
||||
|
||||
// Font sizes
|
||||
$sFontSize-smaller: 10px;
|
||||
$sFontSize-small: 12px;
|
||||
$sFontSize-normal: 14px;
|
||||
$sFontSize-larger: 16px;
|
||||
$sFontSize-huge: 26px;
|
||||
$sFontSize-small: 10px;
|
||||
$sFontSize-medium: 14px;
|
||||
$sFontSize-large: 16px;
|
||||
$sFontSize-huge: 26px;
|
||||
|
||||
// Font weights
|
||||
$sFontWeight-lighter: 300;
|
||||
$sFontWeight-normal: 400;
|
||||
$sFontWeight-lighter: 300;
|
||||
$sFontWeight-normal: 400;
|
||||
$sFontWeight-semibold: 600;
|
||||
$sFontWeight-bold: 700;
|
||||
|
||||
// Line heights
|
||||
$sLineHeight-smaller: 15px;
|
||||
$sLineHeight-small: 16px;
|
||||
$sLineHeight-normal: 20px;
|
||||
$sLineHeight-large: 22px;
|
||||
$sLineHeight-larger: 24px;
|
||||
$sLineHeight-largest: 27px;
|
||||
$sLineHeight-huge: 34px;
|
||||
$sLineHeight-button: 15px;
|
||||
$sLineHeight-small: 14px;
|
||||
$sLineHeight-medium: 16px;
|
||||
$sLineHeight-large: 22px;
|
||||
$sLineHeight-huge: 34px;
|
||||
|
||||
Reference in New Issue
Block a user