Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Border colors doesn't work properly #1466

Closed
Szczurowsky opened this issue Sep 14, 2021 · 5 comments
Closed

Border colors doesn't work properly #1466

Szczurowsky opened this issue Sep 14, 2021 · 5 comments

Comments

@Szczurowsky
Copy link

Szczurowsky commented Sep 14, 2021

Issue

When adding border-warning (or any other color) border of card doesn't have set color. (dark version)

Photo

image

Code to reproduce

<div class="card bg-dark rounded-6 border border-4 border-warning">
    <div class="card-title pt-4">
        <h2 class="font-weight-bold">Example</h2>
    </div>
</div>
@gbujanski
Copy link
Member

I checked it and everything works fine: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/3314612
Can you create your snippet with this error?

@Szczurowsky
Copy link
Author

Szczurowsky commented Sep 16, 2021

Actually an issue happened when using mdb.dark.css not light one (default).
I will try to reproduce an error on codepen using dark version of MDB.

@Szczurowsky
Copy link
Author

Reproduced bug on latest version of MDB:. https://jsfiddle.net/v2du7pbw

@gbujanski
Copy link
Member

Thanks for reporting. We will check it, test your solution and fix it

@Szczurowsky
Copy link
Author

Szczurowsky commented Sep 20, 2021

I wasn't able to find the issue in scss, but i found it in generated dark css file. After deleting that all is fine. .border,.border-bottom,.border-left,.border-right,.border-top{border-color:hsla(0,0%,100%,.12)!important}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants