f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-10 20:03:03 +00:00
Code Wiki Activity

Add subsnippets for edge masks

Browse Source
This commit is contained in:
Trevor Buckner
2023-02-07 10:31:29 -05:00
parent 2ea639000b
commit 63346cfd7a
2 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
themes/V3/Blank/snippets.js
View File

@@ -104,7 +104,29 @@ module.exports = [
{ {
name : 'Watercolor Image Mask Edge', name : 'Watercolor Image Mask Edge',
icon : 'fas fa-fill-drip', icon : 'fas fa-fill-drip',
gen : ImageMaskGen.edge, gen : ImageMaskGen.edge('bottom'),
subsnippets : [
{
name : 'Top',
icon : 'fac position-top',
gen : ImageMaskGen.edge('top'),
},
{
name : 'Right',
icon : 'fac position-right',
gen : ImageMaskGen.edge('right'),
},
{
name : 'Bottom',
icon : 'fac position-bottom',
gen : ImageMaskGen.edge('bottom'),
},
{
name : 'Left',
icon : 'fac position-left',
gen : ImageMaskGen.edge('left'),
},
]
}, },
{ {
name : 'Watercolor Image Mask Corner', name : 'Watercolor Image Mask Corner',

11
themes/V3/Blank/snippets/imageMask.gen.js
View File

@@ -2,9 +2,16 @@ const _ = require('lodash');
const dedent = require('dedent-tabs').default; const dedent = require('dedent-tabs').default;
module.exports = { module.exports = {
edge : ()=>{ edge : (side = 'bottom')=>{
let rotation;
switch (side){
case 'bottom': rotation = 0; break;
case 'top' : rotation = 180; break;
case 'left' : rotation = 90; break;
case 'right' : rotation = 270; break;
}
return dedent` return dedent`
{{imageMaskEdge${_.random(1, 8)},--offset:0cm,--rotation:0 {{imageMaskEdge${_.random(1, 8)},--offset:0cm,--rotation:${rotation};
![](https://i.imgur.com/GZfjDWV.png){height:100%} ![](https://i.imgur.com/GZfjDWV.png){height:100%}
}} }}
<!-- Use --offset to shift the edge up or down from the page center. <!-- Use --offset to shift the edge up or down from the page center.