laravel-Packer icon indicating copy to clipboard operation
laravel-Packer copied to clipboard

Not work with background data:image in Bootstrap 4

Open iwebroot opened this issue 4 years ago • 0 comments

Hello, I use Laravel Packer with Bootstrap 4 CSS and background svg not work. Laravel Packer remove all space to background and add prefix asset('') to url.

Without Laravel Packer

...
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
...

With Laravel Packer

...
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("https://url/data:image/svg+xml,<svgxmlns='http://www.w3.org/2000/svg'width='8'height='8'viewBox='0088'><pathfill='%23fff'd='M6.564.75l-3.593.612-1.538-1.55L04.26l2.9742.99L82.193z'/></svg>")
}
...

Thank you.

iwebroot avatar May 11 '20 09:05 iwebroot