Addictive Community's UI/SCSS is confuse and too complex about addictive-community

[xQuByte]

So maybe use bootstrap, or some litle css framework to make work easier?

[brunnopleffken]

@xQuByte Two or three months ago I tried to use Bootstrap but Addictive Community has a lot of unique components and text formatting. The "overwrite" file was SO large that seems to be easier to create a new one from scratch based on it. So, what have been made until now:

• Two separate files: framework.css and theme.css. The first file is the base file, dealing with flex grid components, alignment, container sizes, helpers, etc.; the second one with colors and fonts. So, if you want to create or change a theme you won't be facing all those flex grids and media queries because they'll be in framework.css.
• Use the most of Bootstrap-style CSS classes: there are btn btn-default btn-lg and alert > alert-success in it; those bordered boxes in form elements are created using form-group and grids with col-* for example. Theming will be a LOT easier using a standard that everyone know!
• The colors are quite inconsistent. The accent color is called fiord (hex #405169), so I created other 4 shades of this tone: -light, -lighter, -dark, -darker. I did the same with shades of grey.
• Currently, the spacing in/between elements (margin and padding) is way too inconsistent. There's 20px of spacing, 10px, 8px, 6px. I want to standardize the margins and spacing to make the layout more consistent.

Some of the "workarounds" I want to fix:

[xQuByte]

Ah. I understand. Thank You for this reply. After Christmas i back to contribute Addictive Comunity :)