Motivation for proposing the idea:
- Presently the Zulip CSS code does not take complete advantage of the SCSS
preprocessor. SCSS provides a lot of flexibility in writing code and features such as
variables, mixins and nesting which makes the code much more readable and easier to
- The current CSS code is not much readable, given most of it resides in a single file, i.e.,
zulip.scss. Even the major UI components do not have readable code.
- Many UI components written previously do not use any modern CSS positioning and
display techniques and hence rely largely on absolute positioning. This sometimes
results in unexpected glitches in UI appearance and tend to break if a new component is
added into the structure.