can I add custom scss file to Atom?
-
-
- shenk
- Hero Rocketeer
- Posts: 424
- Thanks: 11
-
I am integrating some other HTML/CSS/JAVASCRIPT framework into Joomla, since there isn't an extension for it yet.
This framework use scss itself, I am wondering how I can make gantry 5 compile this .scss file as well. Adding it to the Atom doesn't work, the Atom just take the .scss file and load it into head.
Currently the only way I can think of is manually copying everything in that .scss file to my custom.scss. But is there a better way? Since the Gantry 5 already has a scss compiler, can I get it work for other .scss file?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
What's wrong with the custom scss going in the head section?
Why can't you use the custom css/js atom for the css and js and then also use a custom html particle for the html?
Atoms are for non-visible elements - therefore you shouldn't be using html within them - if you need to use html then it should be a particle that you are creating and you can do js/css and html in one of those.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- shenk
- Hero Rocketeer
- Posts: 424
- Thanks: 11
-
Sorry Sir, I don't understand you.
To the best of my understanding, .scss file shouldn't be loaded in the head section, because browswer will not recognize them. They need to be compiled to .css before they can be loaded.
"Why can't you use the custom css/js atom for the css and js and then also use a custom html particle for the html?"
If the framework is html only, I can just use custom html module. But for the framework to work, it needs some .scss files, my question is how can I load(compile) these .scss files.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
You can put the scss content in a custom scss file and it will be compiled and loaded in the head section If you want to have a separate file then you can @import that file into the custom.scss file and again it will be compiled.
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.498 seconds