| 1 | import { defaultFill, defaultOpacity } from './_defaults'
|
| 2 |
|
| 3 | export const morphingDiamonds = (
|
| 4 | fill = defaultFill,
|
| 5 | opacity = defaultOpacity
|
| 6 | ) => {
|
| 7 | fill = fill.substring(fill.indexOf('#') + 1)
|
| 8 | return `url('data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Emorphing-diamonds%3C%2Ftitle%3E%3Cpath%20d%3D%22M54.627%200l.829.828-1.414%201.415L51.799%200h2.828zM5.373%200l-.829.828%201.414%201.415L8.201%200H5.373zM48.97%200l3.656%203.657-1.414%201.414L46.143%200h2.828zM11.029%200L7.373%203.657%208.787%205.07%2013.857%200H11.03zm32.285%200l6.485%206.485L48.385%207.9%2040.485%200h2.829zM16.686%200l-6.485%206.485L11.615%207.9%2019.515%200h-2.829zm20.97%200l9.315%209.314-1.415%201.414L34.828%200h2.829zM22.344%200L13.03%209.314l1.415%201.414L25.172%200h-2.829zM32%200l12.142%2012.142-1.414%201.414L30%20.828%2017.272%2013.556l-1.414-1.414L28%200h4zM.284%200l28%2028-1.414%201.414L0%202.544V0h.284zM0%205.373l25.456%2025.455-1.414%201.415L0%208.2V5.373zm0%205.656l22.627%2022.628-1.414%201.414L0%2013.858v-2.829zm0%205.657l19.799%2019.8-1.414%201.413L0%2019.515v-2.829zm0%205.657l16.97%2016.97-1.414%201.415L0%2025.172v-2.829zM0%2028l14.142%2014.142-1.414%201.414L0%2030.828V28zm0%205.657L11.314%2044.97l-1.415%201.414L0%2036.485v-2.828zm0%205.657l8.485%208.485-1.414%201.414L0%2042.143v-2.83zm0%205.657l5.657%205.656-1.414%201.415L0%2047.799v-2.828zm0%205.656l2.828%202.829-1.414%201.414L0%2053.456v-2.829zM54.627%2060L30%2035.373%205.373%2060H8.2L30%2038.201%2051.799%2060h2.828zm-5.656%200L30%2041.03%2011.03%2060h2.828L30%2043.858%2046.142%2060h2.829zm-5.657%200L30%2046.686%2016.686%2060h2.829L30%2049.515%2040.485%2060h2.829zm-5.657%200L30%2052.343%2022.343%2060h2.829L30%2055.172%2034.828%2060h2.829zM32%2060l-2-2-2%202h4zM59.716%200l-28%2028%201.414%201.414L60%202.544V0h-.284zM60%205.373L34.544%2030.828l1.414%201.415L60%208.2V5.373zm0%205.656L37.373%2033.657l1.414%201.414L60%2013.858v-2.829zm0%205.657l-19.799%2019.8%201.414%201.413L60%2019.515v-2.829zm0%205.657l-16.97%2016.97%201.414%201.415L60%2025.172v-2.829zM60%2028L45.858%2042.142l1.414%201.414L60%2030.828V28zm0%205.657L48.686%2044.97l1.415%201.414%209.899-9.9v-2.828zm0%205.657l-8.485%208.485%201.414%201.414L60%2042.143v-2.83zm0%205.657l-5.657%205.656%201.414%201.415L60%2047.799v-2.828zm0%205.656l-2.828%202.829%201.414%201.414L60%2053.456v-2.829zM39.9%2016.385l1.414-1.414L30%203.657%2018.686%2014.97l1.415%201.414L30%206.485l9.9%209.9zm-2.829%202.828l1.414-1.414L30%209.314l-8.485%208.485%201.414%201.414L30%2012.143l7.071%207.07zm-2.828%202.829l1.414-1.415L30%2014.971l-5.657%205.656%201.414%201.415L30%2017.799l4.243%204.243zm-2.829%202.828l1.414-1.414L30%2020.627l-2.828%202.829%201.414%201.414L30%2023.456l1.414%201.414zM56.87%2059.414L58.284%2058%2030%2029.716%201.716%2058l1.414%201.414L30%2032.544l26.87%2026.87z%22%20fill%3D%22%23${fill}%22%20fill-opacity%3D%22${opacity}%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')`
|
| 9 | }
|