2014-03-06 20:28:24 +01:00
|
|
|
/**
|
|
|
|
|
* @provides phui-fontkit-css
|
|
|
|
|
*/
|
|
|
|
|
|
[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 18:35:01 +02:00
|
|
|
/* - Slabo ---------------------------------------------------------------------
|
2015-06-03 19:23:28 +02:00
|
|
|
|
|
|
|
|
Used as Primary Headers in Object Boxes, Headers in Documents
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
2015-06-16 15:46:53 +02:00
|
|
|
.diviner-document-section .phui-header-header {
|
[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 18:35:01 +02:00
|
|
|
font-family: 'Slabo', {$fontfamily};
|
2015-06-16 15:46:53 +02:00
|
|
|
color: {$darkbluetext};
|
|
|
|
|
font-size: 22px;
|
2015-06-03 19:23:28 +02:00
|
|
|
}
|
|
|
|
|
|
2015-06-16 15:46:53 +02:00
|
|
|
.diviner-document-section .phui-header-header {
|
[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 18:35:01 +02:00
|
|
|
font-family: 'Slabo', {$fontfamily};
|
[Redesign] Move basefont to Lato, remove Source Sans Pro
Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font.
Test Plan:
Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence.
{F498135}
{F498136}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
|
|
|
color: {$darkbluetext};
|
2015-06-16 15:46:53 +02:00
|
|
|
font-size: 20px;
|
[Redesign] Move basefont to Lato, remove Source Sans Pro
Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font.
Test Plan:
Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence.
{F498135}
{F498136}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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 {
|
[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 18:35:01 +02:00
|
|
|
font-family: 'Slabo', {$fontfamily};
|
|
|
|
|
color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-view .phabricator-remarkup h2.remarkup-header {
|
2015-06-20 14:18:42 +02:00
|
|
|
font-size: 22px;
|
[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 18:35:01 +02:00
|
|
|
padding: 24px 24px 8px 0;
|
|
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
|
|
|
color: #000;
|
|
|
|
|
margin: 0 0 16px;
|
2015-06-03 19:23:28 +02:00
|
|
|
}
|
