Skip to content

Instantly share code, notes, and snippets.

@knowuh
Created April 18, 2014 20:21
Show Gist options
  • Save knowuh/11062679 to your computer and use it in GitHub Desktop.
Save knowuh/11062679 to your computer and use it in GitHub Desktop.
Example of long 'data:image' urls breaking css highlighting.
.activity-nav .prev{
@extend .cf;
padding: 8px;
float: right;
float: right;
background-image: url('/assets/prev.png');
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQzdGMTE3NDA3MjA2ODExODA4M0IxODUyNUFENjlEMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjAzQjM4NDlFREExMUUyOUJENUJFNkJGMTFGNjQ4RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjAzQjM4MzlFREExMUUyOUJENUJFNkJGMTFGNjQ4RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkQ3RjExNzQwNzIwNjgxMTgwODNCMTg1MjVBRDY5RDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM3RjExNzQwNzIwNjgxMTgwODNCMTg1MjVBRDY5RDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WDkbDAAAB6UlEQVR42tyaTShEYRSGv2uGhUZJKc1YSXZqspRs1Sg/i0mJpZIspJA1CyIlIRsbM/lJEZG12ApLTVZ+Nn4WWCCN9+RMzYqZZu6d7/XWU7O789x7v++cc+91ksmk+Q8p8vBYo+wiPjAFhtw8iN9liWKwANrcPltuipSCVdDsxX3rlkg5iIEGrxagGyJVYAPUMe9aNWDPa4l8i9SDHVDNXEcawTaoZC6ILSAOygpZ2Z0cW5QuMKtFrxAJ5uOK9IO5AkrkvP06YBwM2tQ0ZisiZ38adNvW/WYjUgIWQauNbXymIgHtm5psnUcyEanQvils82D1l0gIrINa5glR/vwug8RvImGVCDHP7LKgt3Rt0D58iOjCDhiypItIkVvRemFYRaTdmLGlb8pFxKc9lGEXmQdj4ItdRLIGBsAnu4hkH/SCN3YRybFOfs/sIpIz0Anu2UUkV6AdXLOLSG5AB7hkF5E8gCg4ZReRvIAecMQuInkHfWCTXcRo5R8Gy+wiEnk0OQEm9TetSCpLYMSW/szJw+vpiEplMscEbbwiqRzqjvbKemul50RrzSO7iORC+7NbdhFJQvuzBLuI5E5lztlFjM4yUV071CJGp0zZzQ7YRSQf5ucVXdxtEb8HJ0sqv3zi9GR7Zbci3wIMAJi+UXx+jukIAAAAAElFTkSuQmCC');
}
.activity-nav .next {
float: right;
background-image: url('/assets/next.png');
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQzdGMTE3NDA3MjA2ODExODA4M0IxODUyNUFENjlEMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjAzQjM4ODlFREExMUUyOUJENUJFNkJGMTFGNjQ4RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjAzQjM4NzlFREExMUUyOUJENUJFNkJGMTFGNjQ4RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkQ3RjExNzQwNzIwNjgxMTgwODNCMTg1MjVBRDY5RDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM3RjExNzQwNzIwNjgxMTgwODNCMTg1MjVBRDY5RDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5lCWipAAAB1ElEQVR42tyauy8EURjF73g1thGdbMe2HjV/AIl4FEKCRkOIDiFRagiFQhRKWYJNiIREK7SCUkTFRiEUVoHIOl/mbEEi8djZceYkv/bu/oy593wXL5vNuiikKOD1p4AXBZFRMAeK1UUsvWAZlKqLWFpBEpSri1iawBaoUBex1IMdUKUuYklQpkZdxBIH26BOXcRSyXemUV3EEuNu1vLXhbxPFSUdktAbmADrqk8kFzv558GwuohjJ5smnrJILvZUFn7az/6jiKUHrIAydRFLM3e0mLqI4xmT4pkjLWKpZaWJq4tYqimTUBdxbMwm06Au4jjLbHK2kRZxnDKTnDqlRRznf7sH6FMXyfWzWeff1EiLfEiJ8He36j/J90VW5AWMgD3lJ5IBA+BI+Vfrwfk3l6fK70ia9f5S+WS3L9/+lYSKyBnoADfK7dde6C5wrzyP7LOCZJQnxDUwyPNCdmZfAuM8uSUril15zrDVynYt++mPgY3fLuAF/Ofp79wlP4MhcKDcfh/Zm46Va/wdt9dz5Xnkmr3pKl8LhrH9XoC2fEqEIXICOsFtvhcupMgh6OZM4VRFdkE/eArqAwohssr5+jXIDwl611p0/t1T4PGi8o9n7wIMAMJfVLym7VShAAAAAElFTkSuQmCC');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment