Serenity 2.0.1 - SASS Overrides Help.

Post Reply
User avatar
rmruss
Posts: 19
Joined: 17 Apr 2015, 16:40
Location: Brazil

26 Dec 2019, 02:42

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.

aragorn
Posts: 4042
Joined: 29 Jun 2013, 12:38

26 Dec 2019, 08:15

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,

User avatar
rmruss
Posts: 19
Joined: 17 Apr 2015, 16:40
Location: Brazil

29 Dec 2019, 01:13

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.

aragorn
Posts: 4042
Joined: 29 Jun 2013, 12:38

31 Dec 2019, 14:41

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,

Post Reply

Return to “Serenity - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest