mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-30 10:42:41 +01:00
c9119306d7
Summary: Reasonable first pass, removes the "light" header, due to pain of upkeep. Reinforces UI color into the Profile Nav (and later likely dropmenu hovers). Most of this is reasonably easy to maintain now, but I may do a more accurate color pass after I get some more time together with it. For now this feels pretty good if you're developing in a different color UI.
Test Plan:
Switch between all the colors, hover over all the states.
{F1076766}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15120
49 lines
961 B
CSS
49 lines
961 B
CSS
/**
|
|
* @provides phui-box-css
|
|
*/
|
|
|
|
.phui-box-border {
|
|
border: 1px solid {$lightblueborder};
|
|
background-color: #fff;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.phui-box.focus {
|
|
box-shadow: 0 0 5px 5px rgba(255, 255, 0, 0.90);
|
|
}
|
|
|
|
.phui-box-grey {
|
|
background-color: {$page.background};
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
|
|
.phui-box-blue {
|
|
background-color: {$bluebackground};
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
|
|
.phui-box-blue .phui-object-item,
|
|
.phui-box-grey .phui-object-item {
|
|
background: transparent;
|
|
}
|
|
|
|
.phui-box-blue .phui-object-item-link,
|
|
.phui-box-grey .phui-object-item-link {
|
|
color: {$darkbluetext};
|
|
}
|
|
|
|
.phui-box-blue .phui-header-shell,
|
|
.phui-box-grey .phui-header-shell {
|
|
border-bottom: 2px solid #fff;
|
|
}
|
|
|
|
.phui-object-box.phui-box-blue div.phui-info-severity-nodata,
|
|
.phui-object-box.phui-box-grey div.phui-info-severity-nodata {
|
|
background: transparent;
|
|
padding: 12px 4px;
|
|
text-align: center;
|
|
border: none;
|
|
color: {$greytext};
|
|
}
|