1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-21 09:48:47 +02:00
phorge-phorge/webroot/rsrc/css/application/countdown/timer.css
Chad Little 1c84d2719c [Redesign] Larger Font PostProcessor
Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent.

Test Plan: Use lots of the UI elements with new font sizes.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8099, T8614

Differential Revision: https://secure.phabricator.com/D13457
2015-06-26 09:33:03 -07:00

50 lines
870 B
CSS

/**
* @provides phabricator-countdown-css
*/
.phabricator-timer {
margin: 16px;
border: 1px solid {$lightblueborder};
border-radius: 4px;
background: #ffffff;
}
.phabricator-remarkup .phabricator-timer {
width: 360px;
margin: 0 0 12px 0;
}
.phabricator-timer-header {
font-size: {$biggerfontsize};
font-weight: bold;
padding: 4px 8px;
background: {$bluebackground};
border-radius: 3px 3px 0 0;
border-bottom: 1px solid {$lightblueborder};
}
.phabricator-timer-table {
width: 100%;
margin: 8px 0;
}
.phabricator-timer-table th {
text-align: center;
color: {$greytext};
width: 10%;
padding: 4px;
}
.phabricator-timer-table td {
padding: 4px;
text-align: center;
font-size: 36px;
overflow: hidden;
line-height: auto;
height: auto;
line-height: 36px;
}
.phabricator-timer-table small {
color: {$lightgreytext};
}