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/phui/phui-image-mask.css
Chad Little fa278fcb08 CSS polish, Pholio
Summary:
Minor things

- Fades out comment icon on hover
- Adds hover to inline comment images
- moves mask position to just the image, and not the transparent border

Test Plan: Tested all of these items on various mocks

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D9631
2014-06-19 11:28:01 -07:00

23 lines
424 B
CSS

/**
* @provides phui-image-mask-css
*/
.phui-image-mask {
background: url('/rsrc/image/checker_lighter.png');
display: inline-block;
border: 1px solid {$lightblueborder};
padding: 4px;
}
.phui-image-mask-image {
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.phui-image-mask-mask {
border: 300px solid rgba(0, 0, 0, 0.5);
background-clip: content-box;
position: absolute;
}