Though every Telus web property uses CSS, developers rarely write CSS directly. CSS is often either included as part of TDS components, transpiled from SCSS, or embedded in JS components.
Every front end site uses CSS in some shape or form at Telus. At the majority, CSS is the result of transpiled TDS components with SCSS source files. Now, components are utilising inline styles controlled by CSS-in-JS, or other variations of styled components.
CSS can be written and maintained in many different ways. Developers at Telus are discouraged from writing CSS directly, and to instead go with the following options in order of preference:
- Consume React components from TDS
- Write custom React components
- Use SCSS