Skip to content
This repository was archived by the owner on Dec 24, 2020. It is now read-only.
This repository was archived by the owner on Dec 24, 2020. It is now read-only.

CSS optmizer #187

Open
Open

Description

@hallodom

Hi, are there any plans to incorporate a css optimiser option? I find myself avoiding features in Less such as inheritance because I'm aware that they aren't optimised and repeats redundant declarations.

Less example:

 .strong { background:#31343b; color:white; font-weight:normal; padding:2px 10px; margin-right:10px; }
 .small { .strong; background:#ff0000; }

Compliles to:

.strong {
  background: #31343b;
  color: white;
  font-weight: normal;
  padding: 2px 10px;
  margin-right: 10px;
}
.small {
  background: #31343b;
  color: white;
  font-weight: normal;
  padding: 2px 10px;
  margin-right: 10px;
  background: #ff0000;
}

When optimised it should be:

.strong,.small{background:#31343b;color:white;font-weight:normal;padding:2px 10px;margin-right:10px}
.small{background:#ff0000}

Activity

  1. hallodom commented on Mar 21, 2012

    @hallodom
    Author

    At least optimise when you're using inheritance so you can control the ordering of you're classes?

  2. mindfullsilence commented on May 30, 2013

    @mindfullsilence

    Agreed. Would be great if whenever using a mixin, it output as shown above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions