Add existing styles to theme scss/css

[CraigClark]

OP timer

---

This feature support the following requirements

Theme is required as part of the base-build

Additional context

There is an existing design system to get started with.

Proposed solution

• Write using old @import method in scss because that's what BS5 uses
• Make scss modular
• Where possible use atomic design principals as requested by @chrislaick
• do not change the selectors from what the design system uses
• prefer scss variables over css variables, they offer more options in writing sass and this project will have a static theme, so no need to access variables via the dom

Dev workflow

• I have written functional tests against the UAT test cases
• I have run the functional tests and they pass
• I have written integration tests on areas that may be affected by this feature
• I have written integration tests under conditions which the feature should not work
• I have run the Integration tests and they pass
• I have added a comment to this issue with steps the reviewer needs to follow when doing QA
• I have verified that the feature is ready for QA in the development environment.

Definition of done (DoD)

• generated css matches 1 to 1 with existing style guide