1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 17:28:51 +02:00
phorge-phorge/webroot/rsrc/css/phui/phui-box.css
Chad Little 8c25f0e7a2 Lighten up grey-box
Summary: This felt a little dark in actual use, lighten it up 40%.

Test Plan: Review project home pages.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15101
2016-01-23 17:10:42 -08:00

47 lines
887 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: rgba(71,87,120,0.06);
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-box-blue .phui-info-severity-nodata,
.phui-box-grey .phui-info-severity-nodata {
background: transparent;
padding: 12px 4px;
text-align: center;
}