search

Admidio / admidio

Admidio is a free open source user management system for websites of organizations and groups. The system has a flexible role model so that it’s possible to reflect the structure and permissions of your organization.
https://www.admidio.org
GNU General Public License v2.0
333 stars 131 forks source link

Using CSS preprocessor to build themes #273

Open jochen-ac opened 8 years ago

jochen-ac commented 8 years ago

Currently admidio loads basic bootstrap css and theme specific css. This works fine for the basic layout but it is realy hard to customize for own layouts, especially for the tones of bootstarp definitions.

Bootstrap ships with Less and SASS files, where you can define variables (e.g. for colors), nesting or import. With only adjusting a few variables it is very easy for users to create their own theme. Those .less or .scss files can be precompiled to css an provided by the server (better performance) or on client side by Javascript (allowes to use an onscreen customizing tool - maybe later ).

Less themes to be easier to learn, SASS provides more functionality. Because bootstrap switches the development to SASS for V4, we should prefer this as well using the SCSS syntax.

ximex commented 8 years ago

part of: https://github.com/Admidio/admidio/issues/49

jochen-ac commented 8 years ago

I've created a feature branch with a first sass implementation:

ximex commented 8 years ago

maybe this also helps: https://github.com/ximex/admidio/commit/cd2e4f69c9e088c095f455c5f5bd0a65c2797fe4