The webdictaat client uses a custom set of html elements and css classes for styling. Most of the styles are based on bootstrap. Some styles are custom.

Common bootstrap styles

• .navbar
• .btn

Custom styles

.wd-flex This class can be used to place elements in a row.

wd-component For page elements with no interactive components

wd-game-component For page elements with interactive components

Specific components

These are specific interactive components. They are always encapsulated by an element with the .wd-component class.

• .leaderboard
• .assignment
• .quiz
• .