Components and layout

Within the Angular app:

• We use Angular Material and the Material Design Icons.
• Some components use Angular MDC, though we are in the process of moving away from it, and all new components should use Angular Material instead.
• Some components use Angular Flex-Layout, though this should be avoided for new components, as the project is no longer receiving new releases and will become unsupported.

Within the home pages:

• The file src/SIL.XForge.Scripture/wwwroot/css/sf.min.css is used to style all the home pages (those served by the C# back end) and is generated and checked in to version control. To updated it, install the VS Code extension "ritwickdey.live-sass", which can watch and re-generate it upon changes to wwwroot/scss files, or manually with "Compile Sass" from the VS Code Command Palette.