1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-25 16:22:43 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-image-mask.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

23 lines
430 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({$alphablack}, 0.5);
background-clip: content-box;
position: absolute;
}