mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-26 08:42:41 +01:00
Standard colors for progress bars
Summary: Consilidate some of the bar colors, used in Releeph? Test Plan: UIExamples Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6974
This commit is contained in:
parent
eca3f44301
commit
4a6efd36b4
2 changed files with 14 additions and 14 deletions
|
@ -800,7 +800,7 @@ celerity_register_resource_map(array(
|
|||
),
|
||||
'aphront-bars' =>
|
||||
array(
|
||||
'uri' => '/res/4c79c429/rsrc/css/aphront/aphront-bars.css',
|
||||
'uri' => '/res/dc8fd846/rsrc/css/aphront/aphront-bars.css',
|
||||
'type' => 'css',
|
||||
'requires' =>
|
||||
array(
|
||||
|
|
|
@ -13,13 +13,13 @@ div.aphront-bar.progress {
|
|||
div.aphront-bar.progress div {
|
||||
width: 100px;
|
||||
border: 1px solid;
|
||||
border-top-color: #A4A4A4;
|
||||
border-right-color: #BBB;
|
||||
border-bottom-color: #D5D5D5;
|
||||
border-left-color: #BBB;
|
||||
border-top-color: {$lightgreyborder};
|
||||
border-right-color: {$lightgreyborder};
|
||||
border-bottom-color: {$lightgreyborder};
|
||||
border-left-color: {$greyborder};
|
||||
background: white;
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
div.aphront-bar.progress div div {
|
||||
|
@ -47,7 +47,7 @@ div.aphront-bar.glyph div.glyphs {
|
|||
position: relative;
|
||||
color: #aaa;
|
||||
font-family: monospace;
|
||||
height: 1.3em;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
div.aphront-bar.glyph div.glyphs.starstar {
|
||||
|
@ -67,7 +67,7 @@ div.aphront-bar.glyph div.caption {
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
float: left;
|
||||
margin-left: 1.5em;
|
||||
margin-left: 12px;
|
||||
color: {$greytext};
|
||||
}
|
||||
|
||||
|
@ -76,25 +76,25 @@ div.aphront-bar.glyph div.caption {
|
|||
* Common color classes
|
||||
*/
|
||||
div.aphront-bar.progress.color-default div div {
|
||||
background: #6D84B4;
|
||||
background: {$blue};
|
||||
}
|
||||
|
||||
div.aphront-bar.glyph.color-default div.glyphs div.fg {
|
||||
color: #6D84B4;
|
||||
color: {$blue};
|
||||
}
|
||||
|
||||
div.aphront-bar.progress.color-warning div div {
|
||||
background: #FFCC5F;
|
||||
background: {$yellow};
|
||||
}
|
||||
|
||||
div.aphront-bar.glyph.color-warning div.glyphs div.fg {
|
||||
color: #FFCC5F;
|
||||
color: {$yellow};
|
||||
}
|
||||
|
||||
div.aphront-bar.progress.color-danger div div {
|
||||
background: #FF6E6E;
|
||||
background: {$red};
|
||||
}
|
||||
|
||||
div.aphront-bar.glyph.color-danger div.glyphs div.fg {
|
||||
color: #FF6E6E;
|
||||
color: {$red};
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue