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

Change classname from imageMask to imageMaskEdge

Browse Source
This commit is contained in:
Trevor Buckner
2023-01-31 17:03:12 -05:00
parent aee240cf9b
commit 73f141613e
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,7 +4,7 @@ const dedent = require('dedent-tabs').default;
module.exports = { module.exports = {
edge : ()=>{ edge : ()=>{
return dedent` return dedent`
{{imageMask${_.random(1, 8)},--offset:0cm,--rotation:0 {{imageMaskEdge${_.random(1, 8)},--offset:0cm,--rotation:0
![](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.
@@ -13,7 +13,7 @@ module.exports = {
corner : ()=>{ corner : ()=>{
return dedent` return dedent`
{{imageMask_Corner${_.random(1, 8)},--offset:0cm,bottom,left {{imageMaskCorner${_.random(1, 8)},--offset:0cm,bottom,left
![](https://i.imgur.com/1w5khYt.png){height:100%} ![](https://i.imgur.com/1w5khYt.png){height:100%}
}} }}
<!-- Use offset to shift the edge up or down. <!-- Use offset to shift the edge up or down.

34
themes/V3/Blank/style.less
View File

@@ -289,16 +289,16 @@
} }
} }
.imageMask1 { --wc : url(/assets/waterColorMasks/edge/0001.webp); } .imageMaskEdge1 { --wc : url(/assets/waterColorMasks/edge/0001.webp); }
.imageMask2 { --wc : url(/assets/waterColorMasks/edge/0002.webp); } .imageMaskEdge2 { --wc : url(/assets/waterColorMasks/edge/0002.webp); }
.imageMask3 { --wc : url(/assets/waterColorMasks/edge/0003.webp); } .imageMaskEdge3 { --wc : url(/assets/waterColorMasks/edge/0003.webp); }
.imageMask4 { --wc : url(/assets/waterColorMasks/edge/0004.webp); } .imageMaskEdge4 { --wc : url(/assets/waterColorMasks/edge/0004.webp); }
.imageMask5 { --wc : url(/assets/waterColorMasks/edge/0005.webp); } .imageMaskEdge5 { --wc : url(/assets/waterColorMasks/edge/0005.webp); }
.imageMask6 { --wc : url(/assets/waterColorMasks/edge/0006.webp); } .imageMaskEdge6 { --wc : url(/assets/waterColorMasks/edge/0006.webp); }
.imageMask7 { --wc : url(/assets/waterColorMasks/edge/0007.webp); } .imageMaskEdge7 { --wc : url(/assets/waterColorMasks/edge/0007.webp); }
.imageMask8 { --wc : url(/assets/waterColorMasks/edge/0008.webp); } .imageMaskEdge8 { --wc : url(/assets/waterColorMasks/edge/0008.webp); }
[class*="imageMask_Corner"] { [class*="imageMaskCorner"] {
-webkit-mask-size : 50% 50%; //Scale both dimensions to fit page size -webkit-mask-size : 50% 50%; //Scale both dimensions to fit page size
&.bottom { &.bottom {
--rotation : 0; --rotation : 0;
@@ -316,14 +316,14 @@
} }
} }
.imageMask_Corner1 { --wc : url(/assets/waterColorMasks/corner/0005.webp); } .imageMaskCorner1 { --wc : url(/assets/waterColorMasks/corner/0005.webp); }
.imageMask_Corner2 { --wc : url(/assets/waterColorMasks/corner/0006.webp); } .imageMaskCorner2 { --wc : url(/assets/waterColorMasks/corner/0006.webp); }
.imageMask_Corner3 { --wc : url(/assets/waterColorMasks/corner/0007.webp); } .imageMaskCorner3 { --wc : url(/assets/waterColorMasks/corner/0007.webp); }
.imageMask_Corner4 { --wc : url(/assets/waterColorMasks/corner/0008.webp); } .imageMaskCorner4 { --wc : url(/assets/waterColorMasks/corner/0008.webp); }
.imageMask_Corner5 { --wc : url(/assets/waterColorMasks/corner/0009.webp); } .imageMaskCorner5 { --wc : url(/assets/waterColorMasks/corner/0009.webp); }
.imageMask_Corner6 { --wc : url(/assets/waterColorMasks/corner/0010.webp); } .imageMaskCorner6 { --wc : url(/assets/waterColorMasks/corner/0010.webp); }
.imageMask_Corner7 { --wc : url(/assets/waterColorMasks/corner/0016.webp); } .imageMaskCorner7 { --wc : url(/assets/waterColorMasks/corner/0016.webp); }
.imageMask_Corner8 { --wc : url(/assets/waterColorMasks/corner/0017.webp); } .imageMaskCorner8 { --wc : url(/assets/waterColorMasks/corner/0017.webp); }
} }
//***************************** //*****************************