mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-20 17:28:51 +02:00
1c9d1d6ad1
Summary:
This doesn't lay in everything, but:
- Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}).
- Use the sliced gradient for the crumbs background.
- Use the sliced image for the crumb divider.
- Adds the black/white app sheets, but I'm not generating them quite yet.
Test Plan: {F26537} {F26540}
Reviewers: chad, btrahan
Reviewed By: chad
CC: aran
Maniphest Tasks: T1960
Differential Revision: https://secure.phabricator.com/D4100
42 lines
911 B
CSS
42 lines
911 B
CSS
/**
|
|
* @provides sprite-menu-css
|
|
* @generated
|
|
*/
|
|
|
|
.sprite-menu {
|
|
background-image: url(/rsrc/image/sprite-menu.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
@media
|
|
only screen and (min-device-pixel-ratio: 1.5),
|
|
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
|
.sprite-menu {
|
|
background-image: url(/rsrc/image/sprite-menu-X2.png);
|
|
background-size: 47px 101px;
|
|
}
|
|
}
|
|
|
|
.phabricator-main-menu-alert-bubble {
|
|
background-position: 0px -42px;
|
|
}
|
|
|
|
.phabricator-main-menu-alert-bubble.alert-unread {
|
|
background-position: 0px -15px;
|
|
}
|
|
|
|
.alert-notifications .phabricator-main-menu-alert-icon {
|
|
background-position: 0px 0px;
|
|
}
|
|
|
|
.alert-notifications:hover .phabricator-main-menu-alert-icon {
|
|
background-position: -15px 0px;
|
|
}
|
|
|
|
.alert-notifications.alert-unread .phabricator-main-menu-alert-icon {
|
|
background-position: -27px -42px;
|
|
}
|
|
|
|
.phabricator-crumb-divider {
|
|
background-position: 0px -69px;
|
|
}
|