Code Monkey home page Code Monkey logo

css-minifier-xs's People

Contributors

bleargh45 avatar

Watchers

 avatar  avatar

css-minifier-xs's Issues

Spaces before colons in selectors are meaningful

Migrated from rt.cpan.org #97574 (status was 'new')

Requestors:

From https://eu.wargaming.net/id/511501418-dnebdal/ on 2014-07-29 00:05:44
:

Given this CSS:
#test :link, #test :visited {color: green}

The current minified CSS is:
#test:link,#test:visited{color:green}

That doesn't mean exactly the same, though - the original is "elements that are links within an element with id 'test'", while the minified only applies to an element if it has both the id 'test' and is a link.

In other words, whitespace before a colon in selectors is, sadly, meaningful (but can be collapsed to a single space).

Bug CSS Minifiee XS CPAN

Migrated from rt.cpan.org #103231 (status was 'new')

Requestors:

From [email protected] on 2015-03-31 16:14:57
:

Hello

I found the next issue
When a value of a CSS property is 0, the unit is unnecessary and should be
removed by the minifier, but this clause doesn't apply when the property is
into a calc function.

For example, If I have

width: -webkit-calc(300px - 0px);
width: -moz-calc(300px - 1px);
width: calc(300px - 0px);

and then the unit is removed by the minifer:

width: -webkit-calc(300px - 0);
width: -moz-calc(300px - 1px);
width: calc(300px - 0);

it crash!

Please take my message in your consideration.

and please let me know how can I get fix it.

0% should not be converted to 0

Migrated from rt.cpan.org #97612 (status was 'open')

Requestors:

Attachments:

From [email protected] on 2014-07-30 04:29:09
:

According to http://www.w3.org/TR/css3-animations/

Note that the percentage unit specifier must be used on percentage values. Therefore, �0� is an invalid keyframe selector.

This cause iOS6 devices to error on animations. I have attached a patch to revert the 0% optimization.

CSS::Minifier::XS breaks hsl()

Migrated from rt.cpan.org #90879 (status was 'open')

Requestors:

Attachments:

From http://oid.philipp-soehnlein.de/ on 2013-11-28 15:55:06
:

The W3C specification of the CSS hsl()- and hsla()-color functions says:
'Saturation and lightness are represented as percentages.'
(see http://www.w3.org/TR/2003/CR-css3-color-20030514/#hsl-color).

CSS::Minifier::XS removes the percentage sign of the saturation value and therefore breaks the hsl()- and hsla()-color-functions. Here is an example:
.foo { background-color: hsl(0,50%,50%); }
becomes
.foo { background-color: hsl(0,50,50%); }
which is not valid CSS and browsers ignore the background-color property.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.