mirror of
https://we.phorge.it/source/phorge.git
synced 2025-03-01 15:09:14 +01:00
ca801c7ad4
Summary: Adds a PHUI class for display images on a center point, with or without a mask.
Test Plan:
I am bad a math, so like, check that for me please. I tested using Photoshop. Class may need tweaked depending how we store the inline-comment coords.
{F167829}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D9614
23 lines
424 B
CSS
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;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phui-image-mask-image {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.phui-image-mask-mask {
|
|
border: 300px solid rgba(0, 0, 0, 0.5);
|
|
background-clip: content-box;
|
|
position: absolute;
|
|
}
|