Regex search replace CSS

If you work on Linux, you can use the following quick and dirty solution using awk command for this task:

awk '/{/{buffer=$0; inside=1;}{if(inside){if($0 ~ /#[abcdefABCDEF0-9]+/)buffer=buffer ORS $0}else print}/}/{inside=0;print buffer ORS "}";}' input.css 
section[id*='rss-'] ul>li .rssSummary {
color:#353535;
}

.follow_me .side_body ul li a.sm {
border:3px solid #363b37;
}

.follow_me .side_body ul li a.sm span {
color:#363b37;
}

.follow_me .side_body ul li a.fb:hover {
border-color:#4c698c !important;
background:#4c698c
}

.follow_me .side_body ul li a.twitter:hover {
border-color:#00aced !important;
background:#00aced
}

Explanations:

• /{/{buffer=$0; inside=1;} when reaching a line containing { reset the buffer and set inside to 1.
• {if(inside){if($0 ~ /#[abcdefABCDEF0-9]+/)buffer=buffer ORS $0}else print} if inside is at 1 then check if the line contains the color code (hex only considered in the example but can be adapted to RGB), if it does you add it to the buffer, if we are not "inside" just print the line.
• /}/{inside=0;print buffer ORS "}";} when we reach a closing bracket we print the content of the buffer
• You can then redirect the output to another css file.

You need to focus on { and }. It is how i understand that you need groups of strings of this pattern selector(s){properties}. The Regular Expression (.+)\{((.+):(.+))+\}. With this expression you will get an array (let suppose its name is g1) of string of matched groups of this pattern. Now in all of these groups you have to filter out the properties that lie on separate lines. You can use two types of filters

1. line-break (\n)
2. Semi Colon (.)

The regular expression ((.+):(.+)(\n|;))+ will give all properties inside a selector (or in other words inside a curly bracket {all properties}). Now for color patterns inside a property. The regular expression (#{1}(.)+)* will give all color values inside a property. Now check if string of this value that comes out a property inside a selector matches to any of your property values (#363b37, #74a5bf, #6c9ab2, #6995ad, #6691a8 or #4c698c) and take appropriate action as specified in your question. If color value string compare returns true for any value in your set then keep the property. if inside a selector you get a property that matches with any of color values keep the selector. Discard property that mismatch all color values and selector that have no property.