Simplify sass function with list, loop & shared css rule

- Use list and loop to generate the css file.
- Apply shared css rules (outlines width/style) to all selector.
Update the generated css files from the new sass function