Page 1 of 1

Serenity 2.0.1 - SASS Overrides Help.

Posted: 26 Dec 2019, 02:42
by rmruss
Hi,

I need to override:
.landing-body #header {
position: fixed;
top: 30px;
width: 100%;
background-color: #F5F5F5;
z-index: 100;
width: 100%;
}
I read, somewhere, that I could do this using override's folder. So can someone explain how does resources/sass/overrides work?

Thank's in advance.

Re: Serenity 2.0.1 - SASS Overrides Help.

Posted: 26 Dec 2019, 08:15
by mert.sincan
Hi,

You can add your custom scss styles to _layout_styles.scss file under src/main/webapp/resources/sass/overrides/* and then provide new css files using Sass command.

Best Regards,

Re: Serenity 2.0.1 - SASS Overrides Help.

Posted: 29 Dec 2019, 01:13
by rmruss
Ok, can I just copy and paste the code posted earlier into _layout_styles.scss file? Or need to be a scss code? Sorry, I'm starting to study SASS.

Re: Serenity 2.0.1 - SASS Overrides Help.

Posted: 31 Dec 2019, 14:41
by mert.sincan
Or need to be a scss code?
- No, not necessary. You can write a style using CSS or SASS syntax into .scss file. Please copy and paste your code into _layout_styles.scss. Then provide new css files using sass command.

Best Regards,