# Interactions (WildMusic) questions

**URL:** <https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476>\
**Category:** Beginners\
**Created:** [April 7, 2022, 8:19pm UTC](https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476 "2022-04-07T20:19:21Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 7, 2022, 8:19pm UTC](https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476/1 "2022-04-07T20:19:21Z")

</div>

1. Why are you using style.scss?
2. Can interactions be moved to a styles. css the way you can move inline styles to a css?
3. pinegrow.json is added to the project when Interactions is enabled?  
 ![Screen Shot 2022-04-07 at 12.47.13 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7b45e066f51becfda539e0ec18b2ad7be490d9ac.png)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 8, 2022, 9:31am UTC](https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476/2 "2022-04-08T09:31:36Z")

</div>

Hi @kat,  
I’m answering for @abirana bi who put the original together.

1. SASS was used here just because of designer preference. The project could easily have been done with straight CSS.
2. The Interactions need to stay as attributes of the element they are being applied onto.
3. The `pinegrow.json` file is added when you open a folder as a project. (I don’t think it is there for just a file).  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 8, 2022, 2:25pm UTC](https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476/3 "2022-04-08T14:25:57Z")

</div>

> [@RobM](#):
>
> The Interactions need to stay as attributes of the element they are being applied onto.

Why, if I write transforms & transitions, I can have them in an external css, but can’t put interactions in an external css.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 8, 2022, 5:08pm UTC](https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476/4 "2022-04-08T17:08:17Z")

</div>

It is complicated, but the Interaction could be moved out of the HTML. But it would require a lot more JavaScript to get the Interactions put back on the correct elements, resulting in a lot more code to be loaded and slower page load times.

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 8, 2022, 7:44pm UTC](https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476/5 "2022-04-08T19:44:32Z")

</div>

Got it. Set up everything first then add interactions, right?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 8, 2022, 9:48pm UTC](https://forum.pinegrow.com/t/interactions-wildmusic-questions/6476/6 "2022-04-08T21:48:54Z")

</div>

You can add Interactions as you put the page together. Just depends on your preferred work-flow.