1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-14 00:31:05 +01:00

Add a 2x Glyphicons sprite sheet

Summary:
Add a 2x ("retina") sprite sheet with icons that I gave some hover/active effects. I'm just doing one sheet rather than separate 1x and 2x sheets, we can muck with it later but I don't think anyone's going to go over their bandwidth cap.

@chad, I'll put the PSD on the Dropbox too if you have a chance to give it a once-over.

Test Plan: Built menu on this, all the icons work.

Reviewers: btrahan, vrana, chad

Reviewed By: chad

CC: aran

Maniphest Tasks: T1569

Differential Revision: https://secure.phabricator.com/D3102
This commit is contained in:
epriestley 2012-07-30 11:19:02 -07:00
parent 0cc3cb7559
commit b39bf61a14
3 changed files with 73 additions and 0 deletions

BIN
src/rsrc/sprites.psd Normal file

Binary file not shown.

View file

@ -0,0 +1,73 @@
/**
* @provides phabricator-glyph-css
*/
.glyph {
background-size: 260px auto;
background-image: url(/rsrc/image/glyph_sprite.png);
}
.glyph-profile {
background-position: 0 0;
}
.glyph-profile-active {
background-position: 0 -56px;
}
.glyph-profile:hover {
background-position: 0 -112px;
}
.glyph-settings {
background-position: -56px 0;
}
.glyph-settings-active {
background-position: -56px -56px;
}
.glyph-settings:hover {
background-position: -56px -112px;
}
.glyph-logout {
background-position: -112px 0;
}
.glyph-logout-active {
background-position: -112px -56px;
}
.glyph-logout:hover {
background-position: -112px -112px;
}
.glyph-notification {
background-position: -168px 0;
}
.glyph-notification-active {
background-position: -168px -56px;
}
.glyph-notification:hover {
background-position: -168px -112px;
}
.glyph-menu {
background-position: -224px 0;
}
.glyph-menu-active {
background-position: -224px -56px;
}
.glyph-menu:hover {
background-position: -224px -112px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB