pip-webui/pip-webui-css/src/typography/typography_var.less

HTML5 UI for LOB applications

// @file Typography Variables
// @copyright Digital Living Software Corp. 2014-2015

// Global font-family
//---------------------

@font-family:               Roboto, 'Helvetica Neue', sans-serif;
@font-size:                 10px;

// @font-family-light:               'robotolight';
// @font-family-regular:             'robotoregular';
// @font-family-medium:              'robotomedium';
// @font-family-bold:                'robotobold';
// @font-family-icon:                'icon-font';


// Global fonts
//---------------------

@font-size-display4:              112px;
@font-weight-display4:            300;
@letter-spacing-display4:         -.01em;
@line-height-display4:            112px;
@font-display4:                   normal @font-weight-display4 @font-size-display4 @font-family; 

@font-size-display3:              56px;
@font-weight-display3:            400;
@letter-spacing-display3:         -.005em;
@line-height-display3:            56px;
@font-display3:                   normal @font-weight-display3 @font-size-display3 @font-family; 

@font-size-display2:              45px;
@font-weight-display2:            400;
@line-height-display2:            64px;
@font-display2:                   normal @font-weight-display2 @font-size-display2 @font-family; 

@font-size-display1:              34px;
@font-weight-display1:            400;
@line-height-display1:            40px;
@font-display1:                   normal @font-weight-display1 @font-size-display1 @font-family; 

@font-size-headline:              24px;
@font-weight-headline:            400;
@line-height-headline:            32px;
@font-headline:                   normal @font-weight-headline @font-size-headline @font-family;

@font-size-title:                 20px;
@font-weight-title:               500;
@letter-spacing-title:            .005em;
@font-title:                      normal @font-weight-title @font-size-title @font-family;

@font-size-subhead1:               16px;
@font-weight-subhead1:             400;
@letter-spacing-subhead1:          .01em;
@line-height-subhead1:             24px;
@font-subhead1:                    normal @font-weight-subhead1 @font-size-subhead1 @font-family;

@font-size-subhead2:               16px;
@font-weight-subhead2:             500;
@letter-spacing-subhead2:          .01em;
@line-height-subhead2:             24px;
@font-subhead2:                    normal @font-weight-subhead2 @font-size-subhead2 @font-family;

@font-size-body1:                 14px; 
@font-weight-body1:               400;
@letter-spacing-body1:            .01em;
@line-height-body1:               20px;
@font-body1:                      normal @font-weight-body1 @font-size-body1 @font-family; 

@font-size-body2:                 14px;
@font-weight-body2:               500;
@letter-spacing-body2:            .01em;
@line-height-body2:               24px;
@font-body2:                      normal @font-weight-body2 @font-size-body2 @font-family; 

@font-size-caption:               12px; 
@font-weight-caption:             400;
@letter-spacing-caption:          .02em;
@font-caption:                    normal @font-weight-caption @font-size-caption @font-family; 

@font-size-button:                14px; 
@font-weight-button:              500;
@font-button:                     normal @font-weight-button @font-size-button @font-family;