Inline SVG on CSS got corrupted

  • hanszamorano

    (@hanszamorano)


    5 years, 4 months ago

    Hello,

    First of all, thanks for this awesome plugin.

    Currently I have a minor problem with inline SVGs inside CSS files:

    • Original CSS:

      
background: transparent url(
"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0...
    • Generated CSS: 
      
background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=' //www.w3.org/2000/svg'viewBox='0...

    As you can see, in generated CSS (critical or merged) the “http:” prefix got deleted, and double quotes inside “url()” got changed to single quotes, which brakes everything after that.

    Currently I’m ommitting the optimization of that file, but I would like to include it since this speeds up page loading.

    Thanks in advance

Viewing 1 replies (of 1 total)
  • Thread Starter hanszamorano

    (@hanszamorano)

    5 years, 4 months ago

    PS: Note this is being used with join.chat Whatsapp button plugin, thus, the icon in the button is broken after merging CSS.

Viewing 1 replies (of 1 total)

The topic ‘Inline SVG on CSS got corrupted’ is closed to new replies.

Tags