1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 09:12:41 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-fontkit.css
Chad Little b3523adff4 [Redesign] Use Slabo font for headers, Remove Oswald
Summary: Couple of reasons here. Mainly, we're looking at Serif fonts for Phacility, so having headers tie back seems worth exploring. Also Oswals was a bit heavy, and in trying to find a replacement with similiar distinction, was unable to find anything suitable. Trying out Slabo here and have been pleasantly surprised how well the Serif/Sans-Serif combination works here, typographically.

Test Plan:
Test Objects, Documents, and Dashboards.

{F500207}

{F500208}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D13279
2015-06-14 17:35:01 +01:00

37 lines
1.1 KiB
CSS

/**
* @provides phui-fontkit-css
*/
/* - Slabo ---------------------------------------------------------------------
Used as Primary Headers in Object Boxes, Headers in Documents
*/
.phui-object-box :first-child .phui-header-header,
.phui-document-view .phui-header-tall .phui-header-header,
.aphront-dialog-head .phui-header-header {
font-family: 'Slabo', {$fontfamily};
}
.phui-document-view .phui-header-header {
font-family: 'Slabo', {$fontfamily};
color: {$darkbluetext};
}
.phui-document-view .phabricator-remarkup h1.remarkup-header,
.phui-document-view .phabricator-remarkup h2.remarkup-header,
.phui-document-view .phabricator-remarkup h3.remarkup-header,
.phui-document-view .phabricator-remarkup h4.remarkup-header,
.phui-document-view .phabricator-remarkup h5.remarkup-header,
.phui-document-view .phabricator-remarkup h6.remarkup-header {
font-family: 'Slabo', {$fontfamily};
color: #000;
}
.phui-document-view .phabricator-remarkup h2.remarkup-header {
padding: 24px 24px 8px 0;
border-bottom: 1px solid {$thinblueborder};
color: #000;
margin: 0 0 16px;
}