mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-24 18:32:41 +00:00
Change classname from imageMask to imageMaskEdge
This commit is contained in:
@@ -4,7 +4,7 @@ const dedent = require('dedent-tabs').default;
|
||||
module.exports = {
|
||||
edge : ()=>{
|
||||
return dedent`
|
||||
{{imageMask${_.random(1, 8)},--offset:0cm,--rotation:0
|
||||
{{imageMaskEdge${_.random(1, 8)},--offset:0cm,--rotation:0
|
||||
{height:100%}
|
||||
}}
|
||||
<!-- Use --offset to shift the edge up or down from the page center.
|
||||
@@ -13,7 +13,7 @@ module.exports = {
|
||||
|
||||
corner : ()=>{
|
||||
return dedent`
|
||||
{{imageMask_Corner${_.random(1, 8)},--offset:0cm,bottom,left
|
||||
{{imageMaskCorner${_.random(1, 8)},--offset:0cm,bottom,left
|
||||
{height:100%}
|
||||
}}
|
||||
<!-- Use offset to shift the edge up or down.
|
||||
|
||||
@@ -289,16 +289,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
.imageMask1 { --wc : url(/assets/waterColorMasks/edge/0001.webp); }
|
||||
.imageMask2 { --wc : url(/assets/waterColorMasks/edge/0002.webp); }
|
||||
.imageMask3 { --wc : url(/assets/waterColorMasks/edge/0003.webp); }
|
||||
.imageMask4 { --wc : url(/assets/waterColorMasks/edge/0004.webp); }
|
||||
.imageMask5 { --wc : url(/assets/waterColorMasks/edge/0005.webp); }
|
||||
.imageMask6 { --wc : url(/assets/waterColorMasks/edge/0006.webp); }
|
||||
.imageMask7 { --wc : url(/assets/waterColorMasks/edge/0007.webp); }
|
||||
.imageMask8 { --wc : url(/assets/waterColorMasks/edge/0008.webp); }
|
||||
.imageMaskEdge1 { --wc : url(/assets/waterColorMasks/edge/0001.webp); }
|
||||
.imageMaskEdge2 { --wc : url(/assets/waterColorMasks/edge/0002.webp); }
|
||||
.imageMaskEdge3 { --wc : url(/assets/waterColorMasks/edge/0003.webp); }
|
||||
.imageMaskEdge4 { --wc : url(/assets/waterColorMasks/edge/0004.webp); }
|
||||
.imageMaskEdge5 { --wc : url(/assets/waterColorMasks/edge/0005.webp); }
|
||||
.imageMaskEdge6 { --wc : url(/assets/waterColorMasks/edge/0006.webp); }
|
||||
.imageMaskEdge7 { --wc : url(/assets/waterColorMasks/edge/0007.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
|
||||
&.bottom {
|
||||
--rotation : 0;
|
||||
@@ -316,14 +316,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
.imageMask_Corner1 { --wc : url(/assets/waterColorMasks/corner/0005.webp); }
|
||||
.imageMask_Corner2 { --wc : url(/assets/waterColorMasks/corner/0006.webp); }
|
||||
.imageMask_Corner3 { --wc : url(/assets/waterColorMasks/corner/0007.webp); }
|
||||
.imageMask_Corner4 { --wc : url(/assets/waterColorMasks/corner/0008.webp); }
|
||||
.imageMask_Corner5 { --wc : url(/assets/waterColorMasks/corner/0009.webp); }
|
||||
.imageMask_Corner6 { --wc : url(/assets/waterColorMasks/corner/0010.webp); }
|
||||
.imageMask_Corner7 { --wc : url(/assets/waterColorMasks/corner/0016.webp); }
|
||||
.imageMask_Corner8 { --wc : url(/assets/waterColorMasks/corner/0017.webp); }
|
||||
.imageMaskCorner1 { --wc : url(/assets/waterColorMasks/corner/0005.webp); }
|
||||
.imageMaskCorner2 { --wc : url(/assets/waterColorMasks/corner/0006.webp); }
|
||||
.imageMaskCorner3 { --wc : url(/assets/waterColorMasks/corner/0007.webp); }
|
||||
.imageMaskCorner4 { --wc : url(/assets/waterColorMasks/corner/0008.webp); }
|
||||
.imageMaskCorner5 { --wc : url(/assets/waterColorMasks/corner/0009.webp); }
|
||||
.imageMaskCorner6 { --wc : url(/assets/waterColorMasks/corner/0010.webp); }
|
||||
.imageMaskCorner7 { --wc : url(/assets/waterColorMasks/corner/0016.webp); }
|
||||
.imageMaskCorner8 { --wc : url(/assets/waterColorMasks/corner/0017.webp); }
|
||||
}
|
||||
|
||||
//*****************************
|
||||
|
||||
Reference in New Issue
Block a user