Skip to main content
A
argus08-7xWR1K
Inspiring
May 1, 2018
Question

Ready to get my hands dirty with SCSS, but...

  • May 1, 2018
  • 1 reply
  • 715 views

Hi, I've finally upgraded from RH10 to RH2017. Woot

I've set up my screen layout (Charcoal Grey), but there are some elements that I understand I'll need to get into the SCSS to change. I've watched Willam's "Get Geeky with SCSS" webinar, which was very helpful. But I have a total newbie question:

Does making changes in the SCSS overwrite changes made in the RH layout editor? I think they both write to the same layout.css - what is best approach?

Thanks,

Laurie

This topic has been closed for replies.

1 reply

Willam van Weelden
Willam van Weelden
Inspiring
May 2, 2018

The RH Layout Editor updates the CSS files of the layout. If you dabble in SCSS, it will overwrite any changes made in the RH Layout editor. It's easier to stick with the SCSS as you can define the colours there as well.

A
argus08-7xWR1KAuthor
Inspiring
May 2, 2018

Thanks Willam, that's what I thought. I'm not a CSS expert by any means - would it be ok to make the customizations that have to be done via the SCSS and generate the layout.css first, then use the RH editor to further tweak it for things other than colours and images, e.g. behaviours?

Willam van Weelden
Willam van Weelden
Inspiring
May 2, 2018

The method you propose will work. The RH Layout editor simply changes the CSS file (and the usersettings.js for behaviours). If you generate the CSS first, you can then use the RH Layout editor. Just note that if you regenerate the CSS file, your changes from the RH editor will be overwritten.

One note: The RH Editor works by identifying the correct CSS selectors. It contains a list of the CSS selectors and properties it needs to change for a certain colour to take effect. If you dabble in the SCSS, please leave all the selectors (like body.media-mobile div) intact. If you change the existing ones, the RH editor may no longer find all occurences of a colour. You can add additional selectors without problems.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices