code-y / postcss-cyspriter Goto Github PK

Give to the user the ability to set relatives and wildcard path in configuration.

Create a system that manages the options in a hierarchical way:

• selector
• plugin configuration
• default configuration

Eg:

if a determinate option is set on the selector, use it, otherwise check in plugin configuration, finally use the default configuration.

Implement caching system that goes only to create sprites that have changed.

After careful analysis no longer have the option to put the retina in the global options!

If image name have space character break a css.
Create a regex for replace space.

Do not pass system files (.DS_Store and others) to spritesmith because crashes.

Could be nice to have a method that allows the ability to include a sprite in other selectors.

Considering a simple case:

.my-class {
   cy-include: 'icons-foo';
}

A nice result could be:

.icons,
.icons-foo,
.my-class {
   ...
}

Provide a simple system that allows different layouts

Each sprite should recognize magic-selectors such as :hover, :active, :ecc.

Create a sanitizer for replace character (eg. "+") who break the css rule.

from cy- to cys-

• update model with all properties needed by the spriter to work
• parse file path
• make a sanitizer for cleaning the input rule

At present support to the retina performs only the creation of sprites retina compatible.

Create a system that gives the possibility to create two different sprites for a retina and a normal, and create the correct media queries.

Media queries example:

/* CSS for devices with normal screens */
.icons {
    background-image: url(icon-sprite.png);
    background-repeat: no-repeat;
}

/* CSS for high-resolution devices */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icons {
        background-image: url(icon-sprite-2x.png);
        background-size: 200px 100px;
        background-repeat: no-repeat;
    }
}

Create basic documentation in order to give to the users the ability to implement and test the pre-release

Remove q in favor of bluebird.

We should add the ability to save the spritemap directly in the stylesheet (base64?) instead of the fs.