New thematic for starting or expanding a family.

[fsnoddy]

I've reworked the current Loss of a Loved one CSS to use Sass.

New themes for journey labs now need 4-5 lines just setting theme name, primary and secondary color. Hoping this can reduce the workload and maintenance on both of our sides.

[duboisp]

@BrahimMahadi can you review and test? Each thematic and experimentation must be independent from each other.

This impact the following existing project, and some additional change might be required according to their implementation plan.

• Experimentation 2024-04-stepquiz
• Thematic th-empathy

[duboisp]

Note: It can't be "th-journeylab" because that don't represent a thematic but represent a product specific.

[fsnoddy]

Note: It can't be "th-journeylab" because that don't represent a thematic but represent a product specific.

Noted. That being said, it would be a bit of a moot point if you would like the thematics to be completely separate.

This folder contains the SCSS called by Empathy and "Vitality". It's not really a thematic by itself per say.

[BrahimMahadi]

@duboisp When I attempt to run grunt to test the branch locally, I receive the following error: "Fatal error: can't find stylesheet to import." (Refereing to @use "../th-journeylab/journeylab.scss")

[fsnoddy]

@duboisp When I attempt to run grunt to test the branch locally, I receive the following error: "Fatal error: can't find stylesheet to import." (Refereing to @use "../th-journeylab/journeylab.scss")

Can we try to remove the @use? I think it might already be in the tasks paths.

[BrahimMahadi]

@fsnoddy @duboisp Removing the @use introduces a different error:

[fsnoddy]

I'm hoping it compiles just fine and doesn't have linting issues. Thanks @BrahimMahadi!

[BrahimMahadi]

@fsnoddy I've done a quick test and the page now loads in the test environment, however the css for the colours does not seem to work. I think the problem has to do with the use of the mixins in the saas file.

cc: @duboisp @Garneauma

[Garneauma]

@fsnoddy Please split this PR into 2 PRs; one for the Steps quiz and one for the Thematic. Thanks!

[fsnoddy]

@BrahimMahadi @Garneauma, I removed the steps quiz changes from the PR. I'll submit these in a new one.

[Garneauma]

Pre-approved upon successful review.

[EricDunsworth]

@fsnoddy FYI the label width override from one of your earlier commits probably won't be necessary in your new PR since it's already covered by #2436. Not sure why it's still open to this day though :S.

[Garneauma]

@fsnoddy Missing a few working examples for the new styles added. Also, please update style.css so that there is not a new empty line after every line of code. Thanks!

[Garneauma]

@fsnoddy Only one small change left. Thank you!

[Garneauma]

Please add a comment with the following:

• Clear and simple explanations of the new feature, change or update;
• The impact on the sponsored department of the new feature, change or update;
• The impact on the public of the new feature, change or update.

Some small changes to the meta.md file (you can just commit the suggestions as is). Thank you!

[Garneauma]

Some missing classes

Suggested change

	cssClass:
	- vitality
	- btn-vitality
	cssClass:
	- vitality
	- btn-vitality
	- text-vitality
	- bg-vitality

[Garneauma]

We need a contact person.

Suggested change

	sponsor: ESDC - Portfolio web
	sponsor: Francis Snoddy on behalf of ESDC - Portfolio web