1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-22 21:40:55 +01:00
phorge-phorge/webroot/rsrc/css/aphront/notification.css
Chad Little 0e5cd478c4 Move rgba rules into CelerityDefaultPostprocessor
Summary: Should make it simpler here to have more `rgba` rules in CSS for things like hovers, selected states. Maybe only use `rgb` colors? Color pallette probably needs an overhaul.

Test Plan: Bounce around random pages, buttons, menus. Everything appears normal.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15273
2016-02-16 09:54:43 -08:00

57 lines
939 B
CSS

/**
* @provides phabricator-notification-css
*/
.jx-notification-container {
position: fixed;
bottom: 24px;
left: 24px;
}
.jx-notification {
width: 240px;
padding: 8px 16px;
font-size: 11px;
overflow: hidden;
background: {$lightsky};
color: {$darkgreytext};
border: 1px solid {$sky};
cursor: pointer;
border-radius: 3px;
box-shadow: 0px 1px 2px rgba({$alphablack}, 0.25);
margin-top: 4px;
}
.jx-notification-alert {
background: {$lightyellow};
border: 1px solid {$yellow};
}
.jx-notification-debug {
background: {$lightindigo};
border: 1px solid {$indigo};
}
.jx-notification-done {
background: {$lightgreen};
border: 1px solid {$green};
}
.jx-notification-error {
background: {$lightred};
border: 1px solid {$red};
}
.jx-notification-security {
background: {$lightviolet};
border: 1px solid {$violet};
}
.jx-notification-container .phabricator-notification {
padding: 0;
}