mdb-ui-kit icon indicating copy to clipboard operation
mdb-ui-kit copied to clipboard

Border colors doesn't work properly

Open Szczurowsky opened this issue 3 years ago • 5 comments

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>

Szczurowsky avatar Sep 14 '21 16:09 Szczurowsky

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

gbujanski avatar Sep 16 '21 09:09 gbujanski

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 avatar Sep 16 '21 10:09 Szczurowsky

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

Szczurowsky avatar Sep 16 '21 13:09 Szczurowsky

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

gbujanski avatar Sep 20 '21 14:09 gbujanski

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}

Szczurowsky avatar Sep 20 '21 15:09 Szczurowsky