合并CSS / SCSS中的选择器

Question

我想转换这种方式的语法（只是一个例子）：

a{ 
    width:100px; 
    height:120px;
    &:hover{ 
        color:red; 
    }
    span{ 
        color:blue; 
        padding:10px;
        i{ 
            color:red; 
        }
    }
}

对于这样的语法（我发现它更具可读性，但请不要争论为什么它是我的选择......）

a{ width:100px; height:120px;
    &:hover{ color:red; }
    span{ color:blue; padding:10px;
        i{ color:red; }
    }
}

我尝试了一段时间，googlng，调查不同的REGEX方法..但由于我的REGEX技能几乎为零，我不得不尝试我在网上找到的东西，但没有成功。基本上这是我正在编写或尝试编写的一些Sublime插件，因为不要手动为文件做太多工作..但我只能像这样工作。 （OCD）。

也许有一个在线工具，我不知道，这种美化方式是什么？