Rebase Atoms to follow SUIT by Nicolas Gallagher

Makes use of ui classes for light lifting added to its own folder
called atoms under the TOOLS folder inorder to preserve scalability and
reduction of code use. This way we can use them as mixins as well.

This is still in WIP at the moment
fix some mistakes pointed out by lint

- no need to set border to 0 on feildset in multiple places
- remove "px" from .font-size mixin
- convert padding to new mixin format
Light clean-up and simplification

- feildset is already 0 for margins and paddings twice in this file so
only zero border and  merge statement with iframe since they are
gaining the same values.
- both selections are performing the same action so merge them into one
statement, not sure if this works but we shall see.
Rework color scheme based on the overlay rebase method of consistancy
Render