Revision of Less Variables for Typographical Elements

1 Requirements

1.1 Context

Less (maybe in future versions SASS) Variables are a great way the give Less files a more coherent structure. Bootstrap provides a great number of variables in it's variables.less files. Some of those variables are used in ILIAS but not nearly all. With ILIAS 5.2 there might be a possibility to edit less variables and so create new skins directly in the frontend. This only works well, if the less variables are properly set.

1.2 Goal

1. Enhance the set of less variables in use based on the less variables provided by bootstrap.
2. Clearly describe the role and context for each variable and set the proper dependencies (which variable depends on which).
3. Introduce new variables for properties not covered by the bootstrap variables to make important ILIAS elements (like header, footer etc.) completely configurable by less variables.
4. Clearly structure the less variables file with sections, description of sections, variables and description of variables.
5. Introduce those variables in the proper places in the less files of ILIAS.

1.3 Steps

We intend to perform this project in two major steps:

1. Propose less variables and their structure in close cooperation with the Kitchen Sink group (goals 1-4). 
2. Introduce those less variables in the Less files (goal 5).

2 Additional Information

• Idea / concept: Amstutz, Timon [amstutz]
• Interest in funding: Universität Bern
• Maintainer: (will be set by Jour Fixe / maintainer)
• Implementation of the feature is done by (will be set by Jour Fixe / maintainer)
• Testcases by: (please add your name if you want to create the testcases for this feature)

3 Discussion

4 Implementation

{please give a description of the final implementation and add screenshots if possible}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.