-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtiles.css
48 lines (44 loc) · 10.8 KB
/
tiles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.square[data-color="blue"]::before {
background-color: #1991b3;
}
.square[data-color="orange-red"]::before {
background-color: #f9b838;
background-image: url('data:image/svg+xml,\
<svg viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">\
<path d="M7.74.57c-.15 0-.31.07-.35.15-.19.4.19.49-.1.7-.12.09-.55.16-.64.13-.1-.04-.1-.19.28-.36-.1-.07-.6.04-.78.3-.22.32-.09.35-.38.55-.16.11-.4.34-.51.07-.06-.15-.03-.26.1-.57-.67.63-.25.9-.48 1.21-.12.18-.35.16-.36-.16-.01-.32-.21-.7-.51-.92.02.27.06.4-.03.52-.1.12-.53-.12-.56-.4-.1.08-.51.06-.64-.23-.45-.01-.62-.12-.62-.12.21.27.63.99.99 1.04.5.07.57.45.74.7.25.35.78.35.78.9-.02.22 0 .4.07.6-.2-.12-.4-.1-.56-.1-.55 0-.55-.53-.92-.78-.23-.17-.61-.24-.69-.75-.05-.36-.76-.77-1.04-.98 0 0 .11.17.12.61.29.13.32.55.24.65.27.02.51.46.4.55-.12.1-.25.06-.53.04.22.3.6.5.92.5.32.02.35.25.17.37-.33.23-.6-.19-1.22.49.32-.15.42-.18.58-.11.27.1.04.35-.07.5-.2.3-.23.17-.56.4-.26.17-.36.67-.3.77.18-.39.33-.38.36-.29.04.1-.04.53-.13.65-.21.28-.3-.1-.7.1-.12.06-.25.43-.04.6 0 0 .07-.34.23-.37.28-.05.21.47.7.14.45-.3.82-1.41.96-1.72.14-.3.65-.74 1.26-.85.62-.1 1.09.2 1.51.63.43.42.36 1 .2 1.31-.18.34-.61.38-1.05.13-.4-.23-.29-.67-.2-.85.11-.26.46-.2.46-.2-.2-.46-.77-.3-.95.13a1.5 1.5 0 00-.04.88c.19.5.62.75 1.12.83.52.08 1.16 0 1.5-.43.31-.4.15-1 .15-1 .01 0 .61.16 1-.15.43-.34.51-.98.43-1.5-.08-.5-.34-.94-.83-1.12a1.5 1.5 0 00-.88.04c-.42.17-.6.74-.13.95 0 0-.06-.35.2-.47.19-.08.62-.2.85.2.25.45.21.87-.13 1.05-.3.17-.89.24-1.31-.19-.43-.43-.73-.9-.63-1.51.1-.62.55-1.12.85-1.27.31-.14 1.43-.5 1.72-.95.34-.5-.19-.42-.14-.7C7.65.74 8 .67 8 .67a.33.33 0 00-.25-.11zm1.42 0c-.09 0-.18.03-.25.11 0 0 .35.07.38.22.05.29-.48.22-.15.71.3.45 1.42.81 1.72.95.31.15.75.65.86 1.27.1.61-.2 1.08-.63 1.5-.43.43-1 .37-1.32.2-.33-.18-.38-.6-.12-1.04.23-.4.66-.3.84-.21.27.12.2.47.2.47.47-.2.3-.78-.13-.95a1.5 1.5 0 00-.87-.04c-.5.18-.75.61-.83 1.12-.09.52 0 1.16.42 1.5.4.31 1 .15 1.01.14 0 .02-.17.62.14 1.01.34.43.99.51 1.5.43.51-.08.94-.34 1.13-.83.1-.26.03-.7-.04-.88-.18-.43-.75-.6-.95-.13 0 0 .35-.06.46.2.09.18.2.62-.2.85-.44.25-.87.2-1.05-.13-.16-.3-.23-.89.2-1.32.42-.42.9-.73 1.5-.62.62.1 1.13.54 1.27.85s.5 1.42.95 1.72c.5.33.43-.2.71-.14.15.03.22.37.22.37.22-.17.09-.54-.04-.6-.39-.2-.48.18-.7-.1-.08-.12-.16-.55-.12-.65.03-.1.18-.1.35.28.07-.09-.03-.6-.3-.77-.32-.22-.35-.1-.55-.38-.11-.16-.34-.41-.07-.52.15-.06.26-.03.57.12-.62-.68-.89-.26-1.2-.49-.19-.13-.16-.35.16-.37.32 0 .7-.2.92-.5-.28.02-.4.06-.53-.04-.11-.09.12-.53.4-.55-.08-.1-.05-.52.23-.65.01-.44.12-.61.12-.61-.27.21-.98.62-1.04.98-.07.5-.45.58-.69.74-.36.26-.36.79-.91.79-.16 0-.37-.02-.56.1.07-.2.09-.38.06-.6 0-.55.53-.55.79-.91.16-.24.23-.62.74-.69.36-.05.77-.77.99-1.04 0 0-.17.11-.62.12-.13.29-.55.31-.64.24-.03.27-.47.5-.56.39-.1-.12-.05-.25-.03-.52-.3.22-.5.6-.51.92-.01.31-.24.34-.37.16-.22-.32.2-.58-.48-1.21.14.31.17.42.1.57-.1.27-.35.04-.5-.07-.3-.2-.17-.23-.39-.55-.18-.26-.68-.37-.77-.3.38.17.38.32.28.36-.1.03-.53-.04-.65-.13-.28-.21.1-.3-.1-.7-.03-.08-.19-.16-.35-.15zm-.71 1.28v.03c-.03.09-.22.74-.66.74.44 0 .63.67.66.75v.03-.03c.03-.09.23-.75.67-.75-.44 0-.64-.65-.66-.74v-.03.02l-.01-.02zm0 5.09s-.02.69-.32.69c.16.1.19.17.16.27-.04.14-.15.09-.21.06.03.07.06.16 0 .2-.1.08-.25.04-.36-.13 0 .3-.69.33-.69.33h1.42V6.94zm0 0v1.42h1.42s-.69-.03-.69-.33c-.1.17-.26.2-.34.14-.07-.05-.04-.14 0-.21-.08.03-.18.08-.22-.06-.03-.1 0-.16.16-.27-.3 0-.33-.7-.33-.7zm-5.74.76c0 .46-.76.66-.76.66H3.5s-.79-.2-.79-.66zm11.49 0c0 .47-.79.66-.79.66h1.55s-.76-.2-.76-.66z" fill="%23ec3141"/>\
<path d="M1.95 8.35s.76.2.76.67c0-.47.79-.67.79-.67H1.95zm11.46 0s.79.2.79.67c0-.47.76-.67.76-.67h-1.55zm-4.96 0H7.03s.7.03.7.33c.1-.16.26-.2.34-.13.07.05.04.13 0 .21.07-.03.18-.08.22.05.03.1 0 .17-.16.28.3 0 .32.69.32.69V8.36zm0 0v1.43s.03-.7.33-.7c-.16-.1-.19-.16-.16-.27.04-.13.14-.08.21-.05-.03-.08-.06-.16 0-.21.09-.07.24-.03.35.13 0-.3.7-.32.7-.32H8.46zm-3.07.38c-.14 0-.28.01-.4.03-.51.08-.94.34-1.13.83-.1.26-.03.7.04.88.18.42.75.6.95.13 0 0-.35.06-.47-.2-.08-.19-.2-.62.21-.85.44-.25.87-.21 1.05.13.16.3.23.89-.2 1.31-.42.43-.9.74-1.5.63a1.85 1.85 0 01-1.27-.85c-.14-.3-.51-1.42-.95-1.72-.5-.34-.43.2-.71.14-.15-.03-.22-.37-.22-.37-.22.17-.09.54.03.6.4.2.49-.18.7.1.1.12.17.55.13.65-.03.1-.18.1-.35-.29-.07.1.03.6.3.78.32.22.34.1.55.38.1.16.34.4.07.51-.16.06-.26.04-.58-.1.63.67.9.25 1.22.48.18.12.15.35-.17.36-.32.02-.7.21-.92.51.28-.02.4-.06.52.03.12.1-.12.53-.39.56.08.1.05.51-.24.64 0 .45-.12.62-.12.62.28-.21 1-.63 1.04-.99.08-.5.46-.57.7-.74.36-.25.36-.78.91-.78.15 0 .37.02.56-.1-.07.2-.09.38-.07.6 0 .55-.53.54-.78.9-.17.24-.24.62-.74.7-.36.05-.78.77-.99 1.04 0 0 .17-.11.62-.12.13-.29.54-.31.64-.24.03-.27.46-.51.56-.4.1.13.05.25.03.53.3-.22.5-.6.5-.92.02-.32.25-.34.38-.16.22.32-.2.58.48 1.2-.14-.3-.17-.41-.11-.57.1-.26.35-.04.51.07.3.2.16.24.38.56.18.26.68.37.78.3-.38-.18-.38-.32-.28-.36.09-.03.52.04.65.13.28.21-.1.3.09.7.04.08.2.15.35.15.1 0 .19-.03.26-.11 0 0-.35-.07-.38-.22-.05-.29.48-.22.15-.71-.3-.45-1.42-.81-1.73-.96s-.74-.64-.85-1.26c-.1-.61.2-1.09.63-1.51.42-.43 1-.36 1.32-.2.33.19.37.61.12 1.05-.23.4-.66.3-.84.2-.27-.1-.2-.46-.2-.46-.47.2-.3.78.12.95.18.07.62.14.88.04.5-.18.75-.62.83-1.12.08-.52 0-1.16-.42-1.5-.4-.31-1-.15-1.01-.14 0-.02.17-.62-.15-1.01-.25-.32-.68-.45-1.1-.46zm6.15 0c-.42.01-.84.14-1.1.46-.3.4-.14.99-.14 1-.01 0-.61-.16-1 .15-.44.34-.52.98-.43 1.5.08.5.33.94.83 1.12.26.1.7.03.87-.04.43-.17.6-.74.14-.95 0 0 .06.35-.2.47-.19.08-.62.2-.85-.21-.26-.44-.21-.86.12-1.04.31-.17.9-.24 1.32.19.42.42.73.9.63 1.51-.11.62-.55 1.12-.86 1.26-.3.15-1.42.51-1.72.96-.33.5.2.42.15.7-.03.16-.38.23-.38.23.07.08.16.1.26.11.15 0 .31-.07.35-.15.19-.4-.19-.49.1-.7.11-.09.55-.16.64-.13.1.04.1.18-.28.36.1.07.6-.04.77-.3.22-.32.1-.35.39-.56.15-.1.4-.33.5-.07.07.16.04.26-.1.58.67-.63.26-.9.48-1.21.13-.18.36-.16.37.16.01.32.21.7.5.92-.01-.28-.05-.4.04-.52.1-.12.53.12.56.39.1-.07.51-.05.64.24.45 0 .62.12.62.12-.22-.27-.63-.99-1-1.04-.5-.08-.57-.46-.73-.7-.26-.36-.78-.35-.78-.9.02-.22 0-.4-.07-.6.19.12.4.1.56.1.55 0 .55.53.91.78.24.17.62.24.7.74.05.36.76.78 1.03.99 0 0-.1-.17-.12-.62-.28-.13-.3-.54-.23-.64-.28-.03-.51-.46-.4-.56.12-.1.25-.05.53-.03-.23-.3-.6-.5-.92-.5-.32-.02-.35-.25-.17-.37.32-.23.59.19 1.21-.49-.3.15-.42.17-.57.11-.27-.1-.04-.35.07-.51.2-.29.23-.16.55-.38.27-.18.37-.68.3-.78-.17.38-.32.38-.35.29-.04-.1.04-.53.13-.65.2-.28.3.1.7-.1.12-.06.25-.43.03-.6 0 0-.07.34-.22.37-.28.05-.21-.48-.7-.14-.45.3-.82 1.41-.96 1.72-.14.3-.65.74-1.26.85-.62.1-1.09-.2-1.52-.63-.42-.42-.35-1-.19-1.31.18-.34.6-.38 1.04-.13.41.23.3.66.21.85-.11.26-.46.2-.46.2.2.46.77.3.95-.13.07-.18.14-.62.04-.88-.19-.5-.62-.75-1.12-.83a2.3 2.3 0 00-.41-.03zm-3.08 4.58v.03c-.02.1-.22.76-.66.76.44 0 .64.65.66.74V14.85l.01.02v-.03c.02-.09.22-.74.66-.74-.44 0-.64-.67-.66-.76v-.03.02l-.01-.02z" fill="%23ec3141"/>\
</svg>\
');
}
.square[data-color="red"]::before {
background-color: #ef3c45;
}
.square[data-color="black-blue"]::before {
background-color: black;
background-image: url('data:image/svg+xml,\
<svg viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" fill="%2309b8cf">\
<path d="M.27.25v.26l.6.6v1.07h.5l.36-.37.1-.1.36-.36v-.5H1.12l-.6-.6zM2.66 1.3L2 1.99l-.69.65h1.34V1.3zM5.51.25v.26l-.6.6v1.07h-.5l-.36-.37-.1-.1-.36-.36v-.5h1.07l.6-.6zM3.11 1.3l.66.69.7.65H3.13L3.12 1.3zM.27 5.5v-.25l.6-.6V3.58h.5l.36.37.1.1.36.36v.5H1.12l-.6.6zm2.39-1.04L2 3.77l-.69-.66h1.34v1.35zM5.7 5.7v-.26l-.8-.79V3.58h-.48l-.37.37-.1.1-.36.36v.5h1.07l.79.78zM3.12 4.45l.65-.69.7-.66H3.13l-.01 1.35zM11.44.25v.26l.6.6v1.07h.5l.36-.37.1-.1.36-.36v-.5H12.3l-.6-.6zm2.4 1.05l-.66.69-.7.65h1.34l.01-1.34zM16.69.25v.26l-.6.6v1.07h-.5l-.36-.37-.1-.1-.36-.36v-.5h1.07l.6-.6zm-2.4 1.05l.66.69.7.65H14.3L14.3 1.3zM11.17 5.78v-.25l.88-.88V3.58h.5l.36.37.1.1.36.36v.5H12.3l-.88.87zm2.67-1.32l-.66-.69-.69-.66h1.34v1.35zM16.69 5.5v-.25l-.6-.6V3.58h-.5l-.36.37-.1.1-.36.36v.5h1.07l.6.6zm-2.4-1.04l.66-.69.7-.66H14.3l-.01 1.35zM11.06 11.12v.25l.99.98v1.07h.5l.36-.36.1-.1.36-.37v-.49H12.3l-.99-.98zm2.78 1.42l-.66.7-.69.65h1.34v-1.35zM16.69 11.5v.25l-.6.6v1.07h-.5l-.36-.36-.1-.1-.36-.37v-.49h1.07l.6-.6zm-2.4 1.04l.66.7.7.65H14.3l-.01-1.35zM11.44 16.75v-.25l.6-.6v-1.07h.5l.36.36.1.1.36.37v.49H12.3l-.6.6zm2.4-1.04l-.66-.7-.7-.65h1.34l.01 1.35zM16.69 16.75v-.25l-.6-.6v-1.07h-.5l-.36.36-.1.1-.36.37v.49h1.07l.6.6zm-2.4-1.04l.66-.7.7-.65H14.3l-.01 1.35zM.3 11.5v.25l.6.6v1.07h.5l.36-.36.1-.1.36-.37v-.49H1.15l-.6-.6zm2.4 1.04l-.67.7-.69.65h1.34l.01-1.35zM6.13 10.83v.25l-1.19 1.27v1.07h-.5l-.36-.36-.1-.1-.36-.37v-.49h1.07l1.18-1.27zm-2.98 1.71l.66.7.69.65H3.16v-1.35zM.3 16.75v-.25l.6-.6v-1.07h.5l.36.36.1.1.36.37v.49H1.15l-.6.6zm2.4-1.04l-.67-.7-.69-.65h1.34l.01 1.35zM5.54 16.75v-.25l-.6-.6v-1.07h-.5l-.36.36-.1.1-.36.37v.49h1.07l.6.6zm-2.39-1.04l.66-.7.69-.65H3.16v1.35z"/>\
<path d="M5.46 5.43v.25l1 1.02v1.07h.49l.37-.37.1-.1.36-.36v-.5H6.7l-1-1.01zm2.79 1.45l-.66.7-.7.65h1.35V6.89zM11.51 5.44v.25l-1.01 1v1.08H10l-.36-.37-.1-.1-.36-.36v-.5h1.07l1-1zm-2.8 1.44l.66.7.69.65H8.72L8.7 6.89zM5.86 11.09v-.25l.6-.6V9.17h.49l.36.36.1.1.37.37v.49H6.7l-.6.6zm2.39-1.04l-.66-.7-.7-.65h1.35v1.35zM11.46 11.52v-.25l-.96-1.03V9.17H10l-.36.37-.1.1-.37.36v.5h1.07l.97 1.02zm-2.75-1.47l.65-.69.7-.66H8.7v1.35z"/>\
<circle cx="2.82" cy="8.59" r=".5"/>\
<path d="M1.49 6.98l1.3-.56-.25 1.23zM.83 8.44l.56-1.3.65 1.06zM1.52 10L.9 8.72l1.24.2zM2.95 10.5l-1.36-.4.99-.78zM4.3 9.68l-1.14.84-.04-1.25zM4.82 8.27L4.4 9.62l-.76-1zM4.16 6.99l.76 1.2-1.25-.07zM2.83 6.44l1.34.47-1.02.73z"/>\
<circle cx="8.41" cy="2.96" r=".5"/>\
<path d="M7.08 1.36L8.38.8l-.26 1.23zM6.42 2.81l.56-1.3.65 1.07zM7.11 4.37L6.5 3.1l1.24.2zM8.54 4.88l-1.36-.4.99-.78zM9.88 4.06l-1.14.84-.03-1.25zM10.41 2.65l-.44 1.34-.75-1zM9.75 1.36l.76 1.2-1.26-.06zM8.42.82l1.33.47-1.01.73z"/>\
<circle cx="8.41" cy="14.28" r=".5"/>\
<path d="M7.08 12.67l1.3-.56-.26 1.23zM6.42 14.13l.56-1.3.65 1.07zM7.11 15.68L6.5 14.4l1.24.2zM8.54 16.19l-1.36-.4.99-.78zM9.88 15.37l-1.14.84-.03-1.25zM10.41 13.96l-.44 1.35-.75-1zM9.75 12.67l.76 1.2-1.26-.06zM8.42 12.13l1.33.47-1.01.73z"/>\
<circle cx="13.94" cy="8.62" r=".5"/>\
<path d="M12.6 7.01l1.3-.55-.25 1.22zM11.94 8.47l.56-1.3.66 1.07zM12.63 10.03l-.62-1.28 1.24.2zM14.06 10.53l-1.36-.4.98-.78zM15.41 9.71l-1.14.85-.03-1.26zM15.93 8.3l-.44 1.35-.75-1zM15.28 7.02l.75 1.2-1.25-.07zM13.94 6.48l1.34.47-1.02.73z"/>\
</svg>\
');
}
.square[data-color="white-blue"]::before {
background-color: white;
background-image: url('data:image/svg+xml,\
<svg viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">\
<path fill="%2333bfc4" d="M.03 5.07h4.6s3.38 3.19 3.2 3.19H2.9zM8.32 7.75L4.95 4.49s-.13-4.65 0-4.52l3.37\
3.49zM-.1 2.38L2.3-.04H-.24zM17.03 5.07h-4.61s-3.37 3.19-3.2 3.19h4.94zM8.74 7.75l3.37-3.26s.13-4.65 0-4.52L8.74\
3.46zM17.16 2.38L14.75-.04h2.54zM.03 11.85h4.6s3.38-3.2 3.2-3.2H2.9zM8.32 9.17l-3.37 3.26s-.13 4.64 0\
4.51l3.37-3.48zM-.1 14.54l2.41 2.41H-.24zM17.03 11.85h-4.61s-3.37-3.2-3.2-3.2h4.94zM8.74 9.17l3.37 3.26s.13\
4.64 0 4.51l-3.37-3.48zM17.16 14.54l-2.41 2.41h2.54z"/>\
</svg>\
');
}