Unable to apply some style properties to Yorkie-UI component

[devleejb]

What happened:
After applying background color and border to the Yorkie-UI component, the styles are not being applied as expected. The class is being applied correctly, but upon inspecting the CSS, it seems that there is no corresponding CSS for the class.

What you expected to happen:
Expected the background color and border to be applied to the Yorkie-UI component.

How to reproduce it (as minimally and precisely as possible):

1. Apply a background color and border to a Yorkie-UI component.
2. Verify that the styles are not being applied correctly.

Anything else we need to know?:

Environment:

• Operating system: ALL
• Browser and version: ALL
• Yorkie version (use yorkie version): ALL

[vitran12]

hi @devleejb

Because CSS property names will be abbreviated, you can refer to this section: https://yorkie.dev/yorkie-ui/?path=/docs/config-props--docs#short-props

However, for the border, you must declare all its individual properties in full. I will check it color now.

<Box maxW="sm" borderWidth="1px" borderRadius="lg" borderColor='border.default'>
Hello
</Box>

---

Bugs:

• Color
• Padding
• Grid

[devleejb]

Hi, @vitran12.

Padding isn't applied too.

[devleejb]

In grid, 2 columns don't work.