Details

    • Branch Version/s:
      6.1.x, 6.0.x
    • Backported to Branch:
      Committed
    • Fix Priority:
      3

      Description

      The CSS-Minifier does not properly minify media queries that contain AND-conditions.

      The following statement
      — cut —
      @media (max-width: 750px) and (min-width: 520px) {
      .mydiv

      { background-color:red; }

      }
      — cut —

      gets parsed as follows:
      — cut —
      @media(max-width:750px) and(min-width:520px){.mydiv{background-color:red;}}
      — cut —

      which renders the entire media query useless (see the removed blank between "and" and the opening bracket).
      When I use firebug to manually (re-)inject the space character the query is working fine.

      Deactivating the minifier ("minifier.inline.content.cache.size=0" in portal-ext.properties) works around the issue. However, this is not suitable for a production environment.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Days since last comment:
                  4 years, 6 weeks, 3 days ago

                  Subcomponents