CSS properties all appearing inside of font-family style rule.

[Dylan Davenport]

Describe the bug
When using some style props such as gridRow and alignSelf, the css rules that are created are all jumbled up inside of a font-family style rule. In some instances these style props do not cause this issue.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://github.com/DRD161/Gridsome-Portfolio.git
2. Download project
3. Open project directory and run npm install to install dependencies.
4. Run gridsome develop to start project.
5. View the 'About Me' section, the About Me header style props do not work properly. A bunch of the style rules are jumbled up inside of the font-family rule (see screenshot).

Expected behavior
The style props should output the correct css rules.

Screenshots

Desktop (please complete the following information):

• OS: MacOS Catalina version 10.15.7
• Browser Firefox, Chrome
• Version Firefox version 89.0.2, Chrome version 91.0.4472.114

[Dylan Davenport]

I now have this behavior when using the "my" style prop.
<c-heading as="h3" size="lg" my="4">Web Development</c-heading>

I'm not sure if it's something I'm doing wrong but any help would be appreciated.

[Dylan Davenport]

Just realized this bug was being caused by a typo in my custom theme file 😓. Mystery solved.

[Jonathan Bakebwa]

:)