{"componentChunkName":"component---src-templates-edit-artwork-js","path":"/artwork/radius","result":{"data":{"artworksJson":{"id":"a066e846-14b8-5521-be70-b87e45b4e4b1","name":"Radius","description":"Semi circle geometric pattern with striped accents.","grid":{"default":"6x4","options":["3x2","6x4","9x6","12x8","15x10"]},"palette":["#FFFFFF","#3B3F45","#3FFFB2","#3EECFF","#97F4FF","#FF3D8B"],"slug":"radius","frequency":{"default":1,"values":[0.2,0.4,0.6,0.8,1],"step":0.2,"replace":"${shapeFrequency}"},"circularity":null,"shadow":{"default":false,"code":"-webkit-box-shadow:0 0 @pick(0, 40)px rgba(0,0,0,0.2); box-shadow:0 0 @pick(0, 40)px rgba(0,0,0,0.2);","replace":"${shadow}"},"roundedCorners":null,"customText":null,"code":{"style":"/* set custom colors and inject z-index for the specific color to use for association */ --randomColor: @p(var(--color1), var(--color2), var(--color3), var(--color4), var(--color5)); --rule: ( /*Frequency options of 0.2, 0.4, 0.6, 0.8, 1.0 */ @random(${shapeFrequency}) { background: var(--randomColor); -webkit-clip-path: @pick(circle(100% at 0 0), circle(100% at 100% 0), circle(100% at 100% 100%), circle(100% at 0 100%), circle(50% at 50% 50%)); clip-path: @pick(circle(100% at 0 0), circle(100% at 100% 0), circle(100% at 100% 100%), circle(100% at 0 100%), circle(50% at 50% 50%)); /* On or off option for displaying box shadows */ ${shadow} -webkit-transition: ease @rand(200ms, 600ms); transition: ease @rand(200ms, 600ms); } );","doodle":":doodle { overflow:hidden; text-align:center; box-sizing:border-box } :container { background: var(--color0); overflow:hidden; }"}}},"pageContext":{"id":"a066e846-14b8-5521-be70-b87e45b4e4b1"}}}