Redundant css [#1698492]

Example: 160 lines of redundant code could become only 11. Is there a reason for this?

#wrapper #container #center #highlighted {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  background-color: #f8f8f8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  background-color: #f8f8f8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  background-color: #f8f8f8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  background-color: #f8f8f8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  -moz-box-shadow: 0 0 6px 1px #999999;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 6px 1px #999999;
  background-color: #f8f8f8;
  border: none;
  margin: 0;
  margin-bottom: 40px;
  padding: 20px;
}

Comments

Comment #1

dhavyd CreditAttribution: dhavyd commented 15 August 2012 at 05:07

Assigned:

Unassigned

» dhavyd

Hello! Thanks for your comment. I'll check it out... It can due to LESS CSS, that I used to generate the CSS in eClean.

Comment #2

dhavyd CreditAttribution: dhavyd commented 4 September 2012 at 05:29

Status:

Active

» Postponed

Hi again! I finally looked at that problem with redundant css and I found that it was bug in the compilation from LESS to CSS. Now I have compiled it again and all those lines has disappeared. That will be added in the next release of eClean.

Redundant css

Comments

Comment #1

Comment #2

Thank you to these Drupal contributors

News items

Our community

Documentation

Drupal code base

Governance of community