My code is becoming hard to manage, so I need to consolidate some lengthy regular CSS statements like this:
.aui #content .columns-1-2-equal .row-fluid #column-3 header {
prop1 ...prop2 prop3
}
into my current SCSS file. For instance, if I have a snippet of CSS similar to the one above and an existing SCSS document that looks like this:
.aui #content {
prop4
.columns-1-2-equal {
prop5
.row-fluid {
#column-3 {
.header {
}
}
}
I would like the end result to be:
.aui #content {
prop4
.columns-1-2-equal {
prop5
.row-fluid {
#column-3 {
.header {
// MERGED CODE
prop1 ...prop2 prop3
}
}
}
Is there a way to automate this process without manually searching for the corresponding element in the SCSS structure and copying all the properties?