From 661121e4ebde45c89f38a01c812042f18749ec8b Mon Sep 17 00:00:00 2001 From: Snuggs Date: Tue, 18 Jul 2017 22:22:48 -0400 Subject: [PATCH] Add SVG CSS Base64 Images --- examples/to-do/images.css | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 examples/to-do/images.css diff --git a/examples/to-do/images.css b/examples/to-do/images.css new file mode 100644 index 0000000000..5f0624972f --- /dev/null +++ b/examples/to-do/images.css @@ -0,0 +1,8 @@ +:root { + --plus: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDE4Ny4wMjEgMTg3LjAyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxODcuMDIxIDE4Ny4wMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0xODUuMTMyLDk0LjM3OWMwLjIzMy00LjQxNSwwLjY5OS05LjcwMS0wLjE4OC0xNC40MDljMi4yMjctMS44OTksMy4wNTMtNS42OTUsMC41MDUtNy42OTMgICBjLTE0LjY4My0xMS41MTQtMzkuNDczLTExLjY0OC02MC44NzYtMTAuMzE4Yy0wLjMwMi0xOS43MzQtMS45NTQtNDAuMTk2LTguMDM4LTU3LjgyMmMtMS40OTUtNC4zMzEtNy40MDUtNC43OTctOS41OTYtMS42NDEgICBjLTAuMzIzLTAuMDkyLTAuNTkxLTAuMjQxLTAuOTU0LTAuMjg5Qzk3LjY0NiwxLjExLDg4LjI5OSwyLjE3Miw3OS45MDIsMi42MmMtMi41MjMsMC4xMzQtMy45ODYsMS43MjUtNC40MjQsMy41NjIgICBjLTAuNjYtMC4wMy0xLjMyMS0wLjA3LTEuOTgtMC4wOTJjLTAuNDUzLTAuMDE1LTAuODUzLDAuMDY4LTEuMjA4LDAuMjE0Yy0xLjg4My0wLjM1OS0zLjg3LDAuMjEyLTQuNzQxLDIuMjQxICAgYy03LjUwMywxNy40OS04LjY0OSwzOC41NDItOC41ODcsNTguNTU3Yy0xNS4xMDksMS4xNzUtMzAuMjI0LDEuOTU1LTQ1LjM4OSwxLjM3MWMtMS44NDItMi4yNzUtNS44My0yLjQyOC04LjUwMS0wLjQ3NyAgIGMtMC42NTQtMC4wNDktMS4zMDctMC4wNzktMS45NjItMC4xMzRjLTMuMDEzLTAuMjUzLTMuNjA3LDQuNTY4LTAuNzA4LDUuMjMxYzAuMDA3LDAuMDAxLDAuMDE0LDAuMDAzLDAuMDIxLDAuMDA0ICAgYy0yLjA2NSwxNS41OTQtNC4zMzksMzAuOSwwLjI2Myw0Ni4yMzhjLTAuMjksMC4zMjEtMC41OSwwLjYzMy0wLjg0LDAuOTg2Yy0wLjQ5OCwwLjcwMy0wLjA2OCwxLjU2LDAuNTI1LDIuMDAyICAgYzcuMjU0LDUuNDA4LDIxLjI5MywwLjcxNiwyOS43NzEtMC4xMTljOS4zMzctMC45MTksMTguNjk2LTEuNjU1LDI4LjA2MS0yLjI5MmMwLjgxOSwxOS4zOTYsMi4wOTQsMzguODMyLDMuOTA5LDU4LjAxNSAgIGMtMC4yMDgsMS45NDcsMC43NDYsNC4xNjYsMi44NTgsNC45MmM4LjEsMi44OTYsMTYuMzcyLDMuNjkzLDI0LjkzMiwzLjY3MmM2LjY5Ny0wLjAxNywxNi40NDMsMC43NzUsMjEuOTYyLTMuNDg3ICAgYzEuMDAzLTAuNzc0LDEuNjM2LTEuNzEsMS45ODYtMi42ODZjMS45NywwLjUyMiw0LjMzNi0wLjU2OCw0LjU5MS0zLjM0YzEuNzg5LTE5LjU4MSwyLjcxMS0zOS4zNDksMy4yOTctNTkuMDkyICAgYzE3LjUxOSwwLjMzOCwzNC45ODUsMS43MDUsNTIuMzAxLDQuNzkzYzAuOTksMC41NzUsMi4xNjksMC43NDQsMy4yNzMsMC40NjRjNS44MjMsMC4zMTIsOC41ODMtNy4zNjUsNC41MDctMTAuMzc2ICAgQzE4NC43MDQsMTA2LjY5OSwxODQuODE3LDEwMC4zNCwxODUuMTMyLDk0LjM3OXoiIGZpbGw9IiM3NDc1NzUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); + --check: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDIyOS4xNTMgMjI5LjE1MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjI5LjE1MyAyMjkuMTUzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTkyLjM1NiwyMjMuNTQ5YzcuNDEsNy41LDIzLjkxNCw1LjAxNCwyNS42OTEtNi43NzljMTEuMDU2LTczLjIxNyw2Ni4zNzgtMTM0Ljk4NSwxMDguMjQzLTE5My4xODkgICBDMjM3Ljg5OCw3LjQ1MiwyMTEuMjA3LTcuODcsMTk5Ljc1LDguMDY3QzE2MS40OTMsNjEuMjQ5LDExMy4yNzQsMTE3LjIxLDk0LjQxLDE4MS43NDQgICBjLTIxLjU1Ny0yMi4wMzEtNDMuMjAxLTQzLjg1My02Ny4zNzktNjMuMjEyYy0xNS4zMTItMTIuMjY1LTM3LjIxNSw5LjM0My0yMS43MzgsMjEuNzM3ICAgQzM2Ljc5NCwxNjUuNTAxLDY0LjAxNywxOTQuOTI0LDkyLjM1NiwyMjMuNTQ5eiIgZmlsbD0iIzkxREM1QSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); + + --x: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyLjEzNSAyMi4xMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyLjEzNSAyMi4xMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0wLDE4LjcyM0wxNC44NzksMy4wODljMCwwLDEuOTQ5LTIuMTE0LDYuMzQxLTEuNTk3YzAsMCwwLjc1MywwLjU5OSwwLjkxNSwxLjc1NUw3LjE3OSwxOS4yNCAgICBjMCwwLTEuMjM2LDEuNTU4LTYuNDYxLDEuNDM4QzAuNzE3LDIwLjY3OCwwLjIsMjAuNDM4LDAsMTguNzIzeiIgZmlsbD0iI2YyM2Q1ZSIvPgoJCTxwYXRoIGQ9Ik0wLDMuNDEybDE0Ljg3OSwxNS42MzRjMCwwLDEuOTQ5LDIuMTE0LDYuMzQxLDEuNTk3YzAsMCwwLjc1My0wLjU5OCwwLjkxNS0xLjc1OEw3LjE3OSwyLjg5MSAgICBjMCwwLTEuMjM2LTEuNTU2LTYuNDYxLTEuNDM2QzAuNzE3LDEuNDU2LDAuMiwxLjY5NiwwLDMuNDEyeiIgZmlsbD0iI2YyM2Q1ZSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); + + --recycle: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MjYuNjY3IDQyNi42NjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyNi42NjcgNDI2LjY2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6IzZBQzI1OTsiIGQ9Ik0xMTcuMDQzLDI2Ljg1OWMtMC4wMTcsMC4wNDMtMC4wNDMsMC4wNjQtMC4wNTEsMC4xMDJsLTIuMywzLjk3MiAgIGMtMC4wNTEsMC4wODEtMC4wOSwwLjE3MS0wLjEyNCwwLjI1Nkw3NS4xMDIsOTkuNTAzbDgzLjU0MSw0OC4yM2wzOC4zNC02Ni40MDJsNC44LTguMzExbDExLjU1OC0yMC4wMDZsMjcuODMxLTQ4LjIzNWgtODMuNTMzICAgQzE0MC42MjUsNC43NywxMjUuNjQ5LDEzLjU2OCwxMTcuMDQzLDI2Ljg1OXoiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiM2QUMyNTk7IiBkPSJNMzEwLjc5MywyOC44ODVjLTQuMDgzLTcuMDk1LTEwLjA0OC0xMy4yNTctMTcuNjUxLTE3LjY1MWMtNy42MDctNC4zOTUtMTUuOTE1LTYuNDY0LTI0LjEyNC02LjQ2NCAgIGgtODMuNTI0aC0yNy44NDljMTYuOTgxLDAsMzEuOTEsOC43NDIsNDAuNTQyLDIxLjk3M2wyLjYwNyw0LjU0OGw2Ny4yNTEsMTE2LjQzM2w4My41Mi00OC4yMjZMMzEwLjc5MywyOC44ODV6Ii8+Cgk8cG9seWdvbiBzdHlsZT0iZmlsbDojNkFDMjU5OyIgcG9pbnRzPSIyMjcuOTI1LDE0Ny43MjkgMzIzLjcyNSwxNDcuNzI5IDM3MS42MjcsNjQuNzc3ICAiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiM2QUMyNTk7IiBkPSJNNDIxLjM1LDIyMC4zNzhjLTAuMDE3LTAuMDMtMC4wMjYtMC4wNTUtMC4wNjgtMC4wOWwtMi4yOTEtMy45ODEgICBjLTAuMDM0LTAuMDktMC4xMDctMC4xNzEtMC4xNDEtMC4yMzlsLTM5LjQ0MS02OC4zMzFsLTgzLjU0MSw0OC4yM2wzOC4zNDksNjYuNDAybDQuOCw4LjMybDExLjUzMywyMC4wMTFsMjcuODU3LDQ4LjIyMiAgIGw0MS43NzUtNzIuMzQxQzQyOC42OTMsMjUxLjg0NCw0MjguNTU3LDIzNC40NzksNDIxLjM1LDIyMC4zNzh6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojNkFDMjU5OyIgZD0iTTMyMi43MTgsMzg3LjE2NmM4LjE5MiwwLDE2LjUwOC0yLjA2NSwyNC4xMDctNi40NjRjNy42MTYtNC4zOTUsMTMuNTU5LTEwLjU1NiwxNy42Ni0xNy42NTEgICBsNDEuNzY2LTcyLjM0NmwxMy45MzUtMjQuMTI0Yy04LjQ5OSwxNC42OTktMjMuNTE4LDIzLjI2Ni0zOS4yOTIsMjQuMTExaC01LjI2NWwtMTM0LjQ1MSwwLjAxM3Y5Ni40NTdoODEuNTRWMzg3LjE2NnoiLz4KCTxwb2x5Z29uIHN0eWxlPSJmaWxsOiM2QUMyNTk7IiBwb2ludHM9IjI2MS4yMTgsMjU1Ljk4MyAyMTMuMzQyLDMzOC45MzUgMjYxLjIxOCw0MjEuODk3ICAiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiM2QUMyNTk7IiBkPSJNMTg1LjQ3NiwyOTAuNjk3aC03Ni42OTNoLTkuNmwtMjMuMS0wLjAwNGwtNTUuNjg0LDAuMDA0bDQxLjc1OCw3Mi4zNDYgICBjOC41MTYsMTQuNzMzLDIzLjYwNywyMy4zMDUsMzkuNDI0LDI0LjExMWMwLjA0My0wLjAwNCwwLjA2OCwwLDAuMTE1LDBoNC41OTFjMC4wOSwwLjAxMywwLjE5MiwwLDAuMjktMC4wMTNsNzguODkxLDAuMDEzdi05Ni40NTcgICBIMTg1LjQ3NnoiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiM2QUMyNTk7IiBkPSJNNi40NTEsMjE4LjM0N0MyLjM3NywyMjUuNDM4LDAsMjMzLjY3MywwLDI0Mi40NjJjMCw4Ljc4NSwyLjM3NywxNy4wMTEsNi40NTEsMjQuMTExbDQxLjc3NSw3Mi4zMzcgICBsMTMuOTM1LDI0LjEyOGMtOC40ODItMTQuNjk5LTguMzg0LTMyLTEuMjQyLTQ2LjA5M2wyLjYyNC00LjU0OGw2Ny4yMjYtMTE2LjQ0MmwtODMuNTQxLTQ4LjIzNUw2LjQ1MSwyMTguMzQ3eiIvPgoJPHBvbHlnb24gc3R5bGU9ImZpbGw6IzZBQzI1OTsiIHBvaW50cz0iMTUwLjgxLDIzMC42ODIgMTAyLjkyNSwxNDcuNzI5IDcuMTM0LDE0Ny43MTYgICIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); +}