Colours with class .active

src/stylesheets/css/Lungo.widgets.colour.css

@@ -1,31 +1,31 @@
 a.grey,.grey{background-color:#cccccc;}
-a.grey:active{background-color:#b5b5b5;}
+a.grey:active,a.grey.active{background-color:#b5b5b5;}
 a.black,.grey{background-color:#000000;}
-a.black:active{background-color:#000000;}
+a.black:active,a.black.active{background-color:#000000;}
 a.red,.red{background-color:#e33100;}
-a.red:active{background-color:#c5280f;}
+a.red:active,a.red.active{background-color:#c5280f;}
 a.lightgreen,.lightgreen{background-color:#91bd09;}
-a.lightgreen:active{background-color:#7ea41a;}
+a.lightgreen:active,a.lightgreen.active{background-color:#7ea41a;}
 a.green,.green{background-color:#009600;}
-a.green:active{background-color:#00770e;}
+a.green:active,a.green.active{background-color:#00770e;}
 a.blue,.blue{background-color:#237fd7;}
-a.blue:active{background-color:#1a69b6;}
+a.blue:active,a.blue.active{background-color:#1a69b6;}
 a.arcticblue,.arcticblue{background-color:#2daebf;}
-a.arcticblue:active{background-color:#238e9e;}
+a.arcticblue:active,a.arcticblue.active{background-color:#238e9e;}
 a.orange,.orange{background-color:#ff5c00;}
-a.orange:active{background-color:#da4e15;}
+a.orange:active,a.orange.active{background-color:#da4e15;}
 a.purple,.purple{background-color:#7b658d;}
-a.purple:active{background-color:#574765;}
+a.purple:active,a.purple.active{background-color:#574765;}
 a.magenta,.magenta{background-color:#a9014b;}
-a.magenta:active{background-color:#831239;}
+a.magenta:active,a.magenta.active{background-color:#831239;}
 a.pink,.pink{background-color:#ff007f;}
-a.pink:active{background-color:#de2870;}
+a.pink:active,a.pink.active{background-color:#de2870;}
 a.yellow,.yellow{background-color:#ffb515;}
-a.yellow:active{background-color:#dfa020;}
+a.yellow:active,a.yellow.active{background-color:#dfa020;}
 a.twitter,.twitter:not(span){background-color:#35cdff;}
-a.twitter:active{background-color:#2bafda;}
+a.twitter:active,a.twitter.active{background-color:#2bafda;}
 a.facebook,.facebook:not(span){background-color:#3b5998;}
-a.facebook:active{background-color:#2c4579;}
+a.facebook:active,a.facebook.active{background-color:#2c4579;}
 li.grey{box-shadow:inset 3px 0px 0px #cccccc;}
 li.black{box-shadow:inset 3px 0px 0px #000000;}
 li.red{box-shadow:inset 3px 0px 0px #e33100;}

src/stylesheets/less/Lungo.widgets.colour.less

@@ -10,33 +10,33 @@
 @import "mixins.less";
 
 a.grey, .grey{background-color: @grey;}
-a.grey:active{background-color: @grey-active;}
+a.grey:active, a.grey.active{background-color: @grey-active;}
 a.black, .grey{background-color: @black;}
-a.black:active{background-color: @black-active;}
+a.black:active, a.black.active{background-color: @black-active;}
 a.red, .red{background-color: @red;}
-a.red:active{background-color: @red-active;}
+a.red:active, a.red.active{background-color: @red-active;}
 a.lightgreen, .lightgreen{background-color: @lightgreen;}
-a.lightgreen:active{background-color: @lightgreen-active;}
+a.lightgreen:active, a.lightgreen.active{background-color: @lightgreen-active;}
 a.green, .green{background-color: @green;}
-a.green:active{background-color: @green-active;}
+a.green:active, a.green.active{background-color: @green-active;}
 a.blue, .blue{background-color: @blue;}
-a.blue:active{background-color: @blue-active;}
+a.blue:active, a.blue.active{background-color: @blue-active;}
 a.arcticblue, .arcticblue{background-color: @arcticblue;}
-a.arcticblue:active{background-color: @arcticblue-active;}
+a.arcticblue:active, a.arcticblue.active{background-color: @arcticblue-active;}
 a.orange, .orange{background-color: @orange;}
-a.orange:active{background-color: @orange-active;}
+a.orange:active, a.orange.active{background-color: @orange-active;}
 a.purple, .purple{background-color: @purple;}
-a.purple:active{background-color: @purple-active;}
+a.purple:active, a.purple.active{background-color: @purple-active;}
 a.magenta, .magenta{background-color: @magenta;}
-a.magenta:active{background-color: @magenta-active;}
+a.magenta:active, a.magenta.active{background-color: @magenta-active;}
 a.pink, .pink{background-color: @pink;}
-a.pink:active{background-color: @pink-active;}
+a.pink:active, a.pink.active{background-color: @pink-active;}
 a.yellow, .yellow{background-color: @yellow;}
-a.yellow:active{background-color: @yellow-active;}
+a.yellow:active, a.yellow.active{background-color: @yellow-active;}
 a.twitter, .twitter:not(span){background-color: @twitter;}
-a.twitter:active{background-color: @twitter-active;}
+a.twitter:active, a.twitter.active{background-color: @twitter-active;}
 a.facebook, .facebook:not(span){background-color: @facebook;}
-a.facebook:active{background-color: @facebook-active;}
+a.facebook:active, a.facebook.active{background-color: @facebook-active;}
 
 li.grey{ box-shadow: inset 3px 0px 0px @grey;}
 li.black{ box-shadow: inset 3px 0px 0px @black;}