SOLVED Gantry 5 Particle SCSS Overrides
-
-
- Dan Walker
- Elite Rocketeer
- Posts: 529
- Thanks: 21
- Designer/Developer
-
Suppose I have a particle with its standard scss file in /rt_template/scss/template/particles/_particle.scss.
If I then create an override in rt_template/custom/scss/_particle.scss.
Does G5 still read the original scss file and then add the override scss or does the override scss replace the original scss file completely?
If I creat the override in rt_template/custom/scss/particles/_particle.scss would it behave differently? - Last Edit: 4 years 5 months ago by Dan Walker.
- Dan Walker - Web Designer & Developer @ Top Webs Network
Custom Joomla & Wordpress Websites
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- That will not get overridden, you will need to import the path to the custom.scss file so the file is readable by the system.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Dan Walker
- Elite Rocketeer
- Posts: 529
- Thanks: 21
- Designer/Developer
-
I understand that the override has to be imported into custom.scss. I did some experimentation and answered my question.
The _particle.scss file in the custom folder does not replace the original _particle.scss, it just adds rules to the compiled scss. Therefore, the rule with the highest priority wins, as usual, which could be from the custom folder or from the original _particle.scss. This is the way that it makes most sense to do scss overrides, so I just wanted to confirm it. - Dan Walker - Web Designer & Developer @ Top Webs Network
Custom Joomla & Wordpress Websites
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Yes you are right the last rule that is loaded in the scss wins or if the cure is targeted more closely also wins despite the order.
-
The following users have thanked you: Dan Walker
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.051 seconds