seperate Data URI images into partials

A line containing Data URI image is rendered slowly on Vim.
hail2u · Jul 14, 2012 · 6a88bbd · 6a88bbd
1 parent dc3821f
commit 6a88bbd
Show file tree

Hide file tree

Showing 13 changed files with 52 additions and 16 deletions.
diff --git a/_class.scss b/_class.scss
@@ -35,6 +35,8 @@
 }
 
 // Ornament Separator
+@import "datauri/ornament";
+
 %ornament-separator {
   @extend %ir;
   $h: 3em;
@@ -63,6 +65,8 @@
 }
 
 // Quote Mark
+@import "datauri/left-double-quote";
+
 %quote-mark {
   @extend %ir;
   $size: 1.5em;

diff --git a/_decoration.scss b/_decoration.scss
@@ -100,6 +100,7 @@
 
 // Elsewhere
 @import "scss-partials/corporate-colors";
+@import "datauri/elsewhere-icon";
 
 [role="contentinfo"] section a {
   @extend %ir;
@@ -129,7 +130,7 @@
     }
 
     &:before {
-      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICB2aWV3Ym94PSIwIDAgNTEyIDUxMiIKICB3aWR0aD0iNTEyIgogIGhlaWdodD0iNTEyIgogIHZlcnNpb249IjEuMSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoCiAgICBkPSJNIDM1MC45MTIxOSw3MS42MTQ3MTIgQyAzNDAuNTMyMzgsNjkuMzk0MTM1IDMzMC42OTY2OCw2Ny41ODExMjMgMzIxLjQwNTA3LDY2LjE3NTYyMyAzMTIuMTEzMTMsNjQuNzcwOTI1IDMwMi4wMDU1LDY0LjA0NTY5OCAyOTEuMDgyMTUsNjQgYyAtMzEuODE4OCwwLjEzNjM1IC01NC43OTg5Nyw3LjQ3OTExMiAtNjguOTQwNTMsMjIuMDI4MzEgLTE0LjE0MTY3LDE0LjU0OTkxIC0yMS4wNzY1MywzNS40OTA0MyAtMjAuODA0NDksNjIuODIxNTQgbCAwLDM5LjcwNTM2IC00MC4yNDkzMiwwIDAsNjQuMTgxMzQgNDAuMjQ5MzIsMCAwLDE5NS4yNjM0NSA3OC4zMjI5MywwIDAsLTE5NS4yNjM0NSA1Ny4xMTA0NiwwIDUuNDM5MTMsLTY0LjE4MTM0IC02Mi41NDk1OSwwIDAsLTMxLjAwMjgxIGMgLTAuNDUzMzgsLTguNzkyOSAwLjg2MTA1LC0xNS42ODIzOSAzLjk0MzM1LC0yMC42Njg1NiAzLjA4MjAxLC00Ljk4NTUyIDEwLjY1MTQsLTcuNTIzNzYgMjIuNzA4MjEsLTcuNjE0NzIgNC44MTU3LDAuMDIyNyAxMC40MTM0MywwLjM4NTU5IDE2Ljc5MzE5LDEuMDg3OCA2LjM3OTQyLDAuNzAyODcgMTIuMzg1MDksMS42MDkzOSAxOC4wMTcsMi43MTk1NSB6IgogICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPgo8L3N2Zz4K");
+      background-image: $facebook-icon;
     }
   }
 
@@ -139,7 +140,7 @@
     }
 
     &:before {
-      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICB2aWV3Ym94PSIwIDAgNTEyIDUxMiIKICB3aWR0aD0iNTEyIgogIGhlaWdodD0iNTEyIgogIHZlcnNpb249IjEuMSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoCiAgICBkPSJtIDQ5Mi4yNTUxMywxMDkuNDU1NTQgYyAtMTcuMzgzNyw3LjcxMTM3IC0zNi4wNjkwOSwxMi45MjA4IC01NS42NzU4OSwxNS4yNjQ0NSAyMC4wMTA4LC0xMS45OTcwNCAzNS4zODM5LC0zMC45OTQzNCA0Mi42MjI4LC01My42MzIzMiAtMTguNzMyNywxMS4xMTEwOCAtMzkuNDc4MywxOS4xNzY4NCAtNjEuNTYxMSwyMy41MjM5NCBDIDM5OS45NTk2NCw3NS43NzAyNSAzNzQuNzY1MzMsNjQgMzQ2Ljg4MjQzLDY0IGMgLTUzLjUzNTQsMCAtOTYuOTQyMTQsNDMuNDAyNDggLTk2Ljk0MjE0LDk2LjkzNzk0IDAsNy41OTc5NyAwLjg1NzE0LDE0Ljk5NzQ5IDIuNTEwMjEsMjIuMDkyMjQgLTgwLjU2Njg1LC00LjA0MjMzIC0xNTEuOTk5MTMsLTQyLjYzNzAxIC0xOTkuODEwMzU1LC0xMDEuMjg3NCAtOC4zNDU0OSwxNC4zMTcwNyAtMTMuMTI1OTUsMzAuOTcwNzEgLTEzLjEyNTk1LDQ4LjczNzEyIDAsMzMuNjMzMzEgMTcuMTEzNyw2My4zMDQ2MiA0My4xMjY4Myw4MC42ODgyOSAtMTUuODkxLC0wLjUwMzIzIC0zMC44Mzk1OSwtNC44NjQ1IC00My45MDg1LC0xMi4xMjQ2MyAtMC4wMDksMC40MDQgLTAuMDA5LDAuODA4IC0wLjAwOSwxLjIxOTA4IDAsNDYuOTY4MjcgMzMuNDE2Miw4Ni4xNDY5NiA3Ny43NjIyNjUsOTUuMDU1NDYgLTguMTMzMzMsMi4yMTQ5IC0xNi42OTc1NzUsMy40MDA5IC0yNS41Mzg3MjUsMy40MDA5IC02LjI0NjgzLDAgLTEyLjMxOTU0LC0wLjYwOTEgLTE4LjIzOTYyLC0xLjczOTggMTIuMzM2MDcsMzguNTExNSA0OC4xMzcwMjUsNjYuNTQxMSA5MC41NTc2MjUsNjcuMzIgLTMzLjE3NzEsMjYuMDAyOCAtNzQuOTc1ODc1LDQxLjUwMDYgLTEyMC4zOTUwNzUsNDEuNTAwNiAtNy44MjUwMywwIC0xNS41NDIwOCwtMC40NjA0IC0yMy4xMjUzMywtMS4zNTU2IEMgNjIuNjQ1MzI1LDQzMS45NDg1IDExMy42MDE4Myw0NDggMTY4LjM0NjQ1LDQ0OCBjIDE3OC4zMDk0OSwwIDI3NS44MTkwOCwtMTQ3LjcxNTggMjc1LjgxOTA4LC0yNzUuODIxMDMgMCwtNC4yMDI5OSAtMC4wOTcsLTguMzgyMzQgLTAuMjgzNSwtMTIuNTQwNDQgMTguOTQzLC0xMy42Njk3MyAzNS4zNzY5LC0zMC43NDE1NCA0OC4zNzMzLC01MC4xODMiCiAgICBzdHlsZT0iZmlsbDojZmZmZmZmIi8+Cjwvc3ZnPgo=");
+      background-image: $twitter-icon;
     }
   }
 
@@ -149,7 +150,7 @@
     }
 
     &:before {
-      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICB2aWV3Ym94PSIwIDAgNTEyIDUxMiIKICB3aWR0aD0iNTEyIgogIGhlaWdodD0iNTEyIgogIHZlcnNpb249IjEuMSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoCiAgICBkPSJNIDUxMS42MjEyLDI1MC4wODExMyA1MTIsMjQ4LjIwMTk5IGMgLTQyLjE1ODMsLTguNDI5NzcgLTg1LjQyMiwtOC41MTUwMiAtMTExLjU5NDcsLTcuNDI3MyA0LjI5OTQsLTE1LjQ5MTc5IDUuNTkyOCwtMzMuMzE3MjggNS41OTI4LC01My4xOTUwOCAwLC0yOC41MDkxNiAtMTAuNzEwNywtNTEuMzE1OTUgLTI4LjA5OTIsLTY4LjY3MDY0IDMuMDM4NSwtOS44MDgzNSA3LjA5NzEsLTMxLjU5MTAxMiAtNC4wNTMyLC01OS40NzY0OTIgMCwwIC0xOS42NzIyLC02LjI0NjIzIC02NC4xNjgzLDIzLjUzNDYzIC0xNy40MzA1LC00LjM1NjI2IC0zNS45ODExLC02LjUwNzMzIC01NC41NTg4LC02LjUwNzMzIC0yMC40NDA2LDAgLTQxLjA5NDk2LDIuNjAyOTMgLTYwLjM1ODU2LDcuODg3MjYgLTQ1LjkxNjYyLC0zMS4zMjQ0OSAtNjYuMTg2NzYsLTI0LjkwNzggLTY2LjE4Njc2LC0yNC45MDc4IC0xMy4yMzExMywzMy4wODcyOSAtNS4wNTAyOCw1Ny41ODY1MjIgLTIuNTY1MDUsNjMuNjcwNDEyIC0xNS41NTEzMSwxNi43ODM3OCAtMjUuMDQ1OCwzOC4yMDkyOCAtMjUuMDQ1OCw2NC40NzY3MiAwLDE5LjgzMDQ3IDIuMjU3OTYsMzcuNjIwNzggNy43NzIyOCw1My4wODI3OSBDIDgyLjMzODc0LDIzOS43MDg2MyA0MC42NTM5MywyNDAuMDc3OTYgMCwyNDguMjA3MzkgbCAwLjM3MzM5LDEuODc5MTQgYyA0MC44OTg4LC04LjE3OTQ4IDgyLjg0NjA3LC04LjQ2MzU5IDEwOS4wODEwNSwtNy40NzA1NiAxLjIxNDg4LDMuMjAwODkgMi41NjkxMSw2LjMwNTc0IDQuMDg3MDQsOS4zMDY0MiAtMjUuOTQ0MTEsMC44MzYwNyAtNzAuMjQ0MDMsNC4xNDI1MiAtMTEyLjY5ODY0LDE2LjExOTUyIGwgMC41MjM1NywxLjgzOTkgYyA0Mi43OTAxMSwtMTIuMDY1IDg3LjQ3NDI2LC0xNS4yODg4MyAxMTMuMTY2NzIsLTE2LjA3NDg1IDE1LjUwMTI2LDI4Ljg5NDc1IDQ2LjA2MjczLDQ3LjU1NjI1IDEwMC40MzIxMSw1My40MTY5NSAtNy43MTY4LDUuMTg1NiAtMTUuNTg5MTksMTQuMDAwOSAtMTguNzc5MjcsMjguOTE2MyAtMTAuNTE1OTEsNS4wMyAtNDMuODA0NzgsMTcuMzA3NCAtNjMuNzc3MjgsLTE3LjA0NDggMCwwIC0xMS4xODAxNywtMjAuNDQwNiAtMzIuNTc5OTcsLTIyLjA0MTEgMCwwIC0yMC43NTg1MywtMC4zMTc5IC0xLjQzMjY5LDEyLjkzNjIgMCwwIDEzLjg4OTk4LDYuNTQ1MiAyMy40NzM3NSwzMS4xNDE5IDAsMCAxMi41MDE5Myw0MS45NTI2IDcyLjgzMjA4LDI4LjQ5MjkgdiA0My4zMzUzIGMgMCwwIC0xLjI3NTc2LDE1LjMyODEgLTE1LjMyODA4LDIwLjQzNTIgMCwwIC04LjMwMjYsNS43NDg0IDAuNjQyNjEsOC45MzcxIDAsMCAzOC45NTIwMSwzLjE5NDIgMzguOTUyMDEsLTI4LjczMjQgdiAtNDcuMjU0NiBjIDAsMCAtMS41NDQ5OCwtMTguNzQgNy42NjEzNCwtMjUuMjU0MSB2IDc3LjYxNTggYyAwLDAgLTAuNjM1ODUsMTguNTE4MiAtMTAuMjE1NTcsMjUuNTQzNyAwLDAgLTYuMzg5NjMsMTEuNDkxMyA3LjY2MTM0LDguMzAyNiAwLDAgMjYuODE5NDEsLTMuODMxNCAyOC4wOTc4OCwtMzUuMTIyIGwgMC42MDc0NCwtNzguNTQ4IGggNi40NDY0NyBsIDAuNjEyOCw3OC41NDggYyAxLjI3NTgsMzEuMjkwNiAyOC4wOTY2LDM1LjEyMiAyOC4wOTY2LDM1LjEyMiAxNC4wNDY5LDMuMTg4NyA3LjY2MTMsLTguMzAyNiA3LjY2MTMsLTguMzAyNiAtOS41Nzg0LC03LjAyNTUgLTEwLjIxNTUsLTI1LjU0MzcgLTEwLjIxNTUsLTI1LjU0MzcgdiAtNzYuOTQ2MiBjIDkuMjAwOCw3LjE2NDkgNy42NjEzLDI0LjU4MzIgNy42NjEzLDI0LjU4MzIgdiA0Ny4yNTQ2IGMgMCwzMS45Mjc5IDM4Ljk1MzMsMjguNzMyNCAzOC45NTMzLDI4LjczMjQgOC45MzcxLC0zLjE4ODggMC42NDEzLC04LjkzNzIgMC42NDEzLC04LjkzNzIgLTE0LjA1MSwtNS4xMDcxIC0xNS4zMjgxLC0yMC40MzUxIC0xNS4zMjgxLC0yMC40MzUxIHYgLTYxLjk0MjggYyAwLC0yNC4xNTQzIC0xMC4xNzA5LC0zNi45NDU3IC0yMC4xMTczLC00My42OTc5IDU3Ljk4MywtNS43NDk3IDg1LjgwNzYsLTI0LjQ3MjIgOTguNjI4OCwtNTMuNTYxNzMgMjUuMzk3NSwwLjY5ODA5IDcxLjEwMzEsMy43OTIxMyAxMTQuODIyNiwxNi4xMjQ5MyBsIDAuNTE5NSwtMS44Mzk5IGMgLTQzLjQ2OTIsLTEyLjI2MTEyIC04OC44NzMxLC0xNS40MzM2MiAtMTE0LjUyNzcsLTE2LjE4MDQgMS4yMTQ5LC0yLjkzODQ0IDIuMjc1NSwtNS45OTQ2IDMuMjE3MSwtOS4xMzg2OSAyNi4wNDI5LC0xLjA4MjI5IDY5LjUxMDgsLTEuMDY4NzUgMTExLjgyODgsNy4zODY3MyB6IgogICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPgo8L3N2Zz4K");
+      background-image: $github-icon;
     }
   }
 
@@ -159,7 +160,7 @@
     }
 
     &:before {
-      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICB2aWV3Ym94PSIwIDAgNTEyIDUxMiIKICB3aWR0aD0iNTEyIgogIGhlaWdodD0iNTEyIgogIHZlcnNpb249IjEuMSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoCiAgICBkPSJtIDAsMjU2LjAwMDAxIGMgMCw4NS4wNzI4NiA2OS4wNDQ1OTcsMTU0LjExNzQ5IDE1NC4xMTc0LDE1NC4xMTc0OSA0OC4xOTMzMywwIDkxLjI3MTI3LC0yMi4yMzM0NyAxMTkuNTUxMDcsLTU2LjkxMzQgbCAtMjIuMTgzNTEsLTQ2Ljg5NTc1IGMgLTE4LjE1OTc1LDM0LjczNDU3IC01NS40NTM5Miw1OC40NTQ1OCAtOTcuMzY3NTYsNTguNDU0NTggLTYwLjA3MTc5MSwwIC0xMDguODcyOTMxLC00OC42OTExIC0xMDguODcyOTMxLC0xMDguNzYyOTIgMCwtNTguOTA0MSA0OS42MzM0MDksLTEwOC44NzMwMiAxMDguODcyOTMxLC0xMDguODczMDIgNDEuODg0OTQsMCA4MS41MDY3NiwyMi41NzgzNCAxMDAuODk5MzYsNjYuOTgzOTEgMTMuNzA1OTksMzEuMzg0MTYgMzMuNDc3MzMsNzcuMjgyNjkgNTcuNTQ5MDcsMTMwLjU0NDQzIDIzLjk2MTc3LDUzLjAxODUgNjUuMTAyNyw2NC4xNDExNyAxMDUuMDkyMzIsNjQuMTQxMTcgQyA0NDYuNzU2NDksNDA4Ljc5NjQ1IDUxMiwzODUuODExMjUgNTEyLDMxNS43NzU1OCBjIDAsLTQ5LjMxNiAtMjguNjEzNywtNjcuMzg5NjEgLTU2LjI1Mjg1LC03Ni45NDg2NyAtMjAuMzEyODEsLTcuMDI1MjcgLTMxLjkwMjU4LC0xMC4zMDA3OSAtNTkuNDQ1MjcsLTIwLjU4NTcgLTE2LjYxNjMzLC02LjIwNDc4IC0yOC40MDE2MywtMTcuMDg0MjUgLTI4LjQwMTYzLC0zNi40Mzc3OCAtNWUtNSwtNDEuMTY1ODkgNTguNTMzMTUsLTQ2LjYyODQyIDg0LjMyNDIyLC0xMi42NTk2NSBsIDMyLjY5NDksLTE3LjYxMzQzIGMgLTE0LjkzOTk4LC0yNC4zNzU3NSAtMzMuMDUxMjgsLTQ0LjU4Mzk5IC03Ny4zODg5NSwtNDQuNTgzOTkgLTQ1LjQ4MDU2LDAgLTgwLjQ3MTI5LDI3Ljk3NzAzIC04MC40NzEyOSw3Ni43Mjg1IDAsNDQuNzg0NTcgMjcuNjIyMTgsNjIuNTgzNjEgNTcuOTA0MSw3NS40MDc1IDE5LjA0NDY2LDguMDY1IDQyLjY4MDkyLDE2LjM1OTUzIDYyLjg1Nzg4LDIzLjk5ODI4IDM5LjI1NTkyLDE0Ljg2MTgzIDIwLjU4OTM2LDgyLjM0Mjc3IC0zMy4zNTU0MSw4Mi4zNDI3NyAtMzYuOTk4MTUsMCAtNTMuMTMyMTIsLTE3LjIxNjQ1IC02MC43MTI1MSwtMzMuNzgwMTkgQyAzMzcuMDc5NjUsMjk1LjIxMDQ5IDMwOC40NzMyOSwyMzAuNDI3OSAyOTAuMDc3NDQsMTg3LjE2NjI2IDI3MC40NTM4NSwxNDEuMDE3MzIgMjIwLjI1Njk5LDEwMS44ODI1IDE1NC4xMTc0LDEwMS44ODI1IDcwLjg1MDUwMiwxMDEuODgyNSAwLDE3MC43MDc3MSAwLDI1Ni4wMDAwMSB6IgogICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPgo8L3N2Zz4K");
+      background-image: $lastfm-icon;
     }
   }
 
@@ -169,7 +170,7 @@
     }
 
     &:before {
-      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICB2aWV3Ym94PSIwIDAgNTEyIDUxMiIKICB3aWR0aD0iNTEyIgogIGhlaWdodD0iNTEyIgogIHZlcnNpb249IjEuMSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzPgogICAgPHN0eWxlPjwhW0NEQVRBWwogICAgICByZWN0IHsKICAgICAgICBzaGFwZS1yZW5kZXJpbmc6IGNyaXNwRWRnZXM7CiAgICAgIH0KICAgIF1dPjwvc3R5bGU+CiAgPC9kZWZzPgogIDxyZWN0CiAgICB3aWR0aD0iMjE2IgogICAgaGVpZ2h0PSIyMTYiCiAgICB4PSIyNTYiCiAgICB5PSIyNTYiCiAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eTowLjEzMzMzMzMzIi8+CiAgPHJlY3QKICAgIHdpZHRoPSIyMTYiCiAgICBoZWlnaHQ9IjIxNiIKICAgIHg9IjI1NiIKICAgIHk9IjQwIgogICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MC40OTAxOTYwOCIvPgogIDxyZWN0CiAgICB3aWR0aD0iMjE2IgogICAgaGVpZ2h0PSIyMTYiCiAgICB4PSI0MCIKICAgIHk9IjI1NiIKICAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz4KPC9zdmc+Cg==");
+      background-image: $delicious-icon;
     }
   }
 }