The BaseTheme used in Outsystems, as like most of the designers in the market, use the multiple of 8 rule to create sizes for margins, padding, font sizes, grids... So, if BaseTheme uses the same rule for variables for everything why not use it in the Style Tab too?
Benefits:
- Less maintenance, Easier for the Develop team to match mockups margins and paddings.
- Less frustration, Help experience between the Develop team and the Ui/Ux/ FrontEnd teams easy and softly. Less work for the FrontEnd team finding wrong margins and paddings.
- Apply best practices, (One-click change everywhere), Even if there is inline CSS (which isn’t the best practice) when the variable is changed on the theme, the value is automatically updated everywhere.
- CSS learning, Make the Develop team more familiar with the CSS variables.