search

creativetimofficial / ct-soft-ui-design-system-pro

Soft UI Design System PRO - Premium Bootstrap 5 UI kit
https://www.creative-tim.com/product/soft-ui-design-system-pro
16 stars 2 forks source link

[bug] badges using not supported mixins #25

Closed Jimmi08 closed 2 years ago

Jimmi08 commented 2 years ago

Hello, first, thank you for your product.

I wouldn't notice this, but I have HTML markup for badge done this way: <span class="badge bg-secondary rounded-pill badge-secondary">3</span> and while trying to fix this, I found this:

.badge-secondary {
    background-color: theme-color("secondary");
    color: color-yiq(theme-color("secondary"));
}

Those mixins are from bootstrap4 and result is: image

By the way, that code is correct - it supports bootstrap 4 way (badge badge-secondary) and bootstrap 5 way (badge bg-secondary). Problem is that you support both versions :) Not big issue, easy to fix.

Thank you

github-actions[bot] commented 2 years ago

@Jimmi08 this issue was automatically closed because it did not follow our rules:


IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/soft-ui-design-system-pro

**If your issue was not created using the app above, it will be closed immediately.**

Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com
groovemen commented 2 years ago

Hello @Jimmi08,

Thank you for using our products and for letting us know about this issue. We will solve this issue into the next product update. All the best, Stefan