Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New thematic for starting or expanding a family. #2465

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

fsnoddy
Copy link

@fsnoddy fsnoddy commented Jan 17, 2025

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
Copy link
Member

duboisp commented Jan 20, 2025

@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
Copy link
Member

duboisp commented Jan 20, 2025

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

@fsnoddy
Copy link
Author

fsnoddy commented Jan 20, 2025

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.

@include journeyButtons($themeName, $themePrimaryColor, $themeSecondaryColor);

.#{$themeName} {
@include journeyComponents($themeName, #themePrimaryColor, #themeSecondaryColor);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should the line be the following instead? Because it throws an error: @include journeyComponents($themeName, $themePrimaryColor, $themeSecondaryColor);

@include journeyButtons($themeName, $themePrimaryColor, $themeSecondaryColor);

.#{$themeName} {
@include journeyComponents($themeName, #themePrimaryColor, #themeSecondaryColor);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should the line be the following instead? Because it throws an error: @include journeyComponents($themeName, $themePrimaryColor, $themeSecondaryColor);

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's correct, sorry for the error.

title: Vitality theme
description: Background colours used for vitality.
componentName: th-vitality
expiry: November 30, 2024
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@duboisp What date should be provided as an expiration date for the thematic?

@BrahimMahadi
Copy link
Contributor

@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
Copy link
Author

fsnoddy commented Jan 21, 2025

@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
Copy link
Contributor

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

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants