search

uikit / uikit-site

🌎 Website and Documentation
https://getuikit.com
365 stars 331 forks source link

How to remove box-shadow from card? #72

Closed oshihirii closed 7 years ago

oshihirii commented 7 years ago

Referring to:

https://getuikit.com/docs/utility#box-shadow

And merging with the logic of:

.uk-padding-remove

I tried this:

.uk-box-shadow-remove

But that doesn't remove box shadow.

Box shadow is not defined in card.less:

I can remove it like this in my_theme.less, but not ideal: 

// card box-shadow mixin - overrides card.less
.hook-card() { box-shadow: none !important; }

HTML

<div class="uk-width-1-3">
<div class="uk-card uk-card-secondary uk-card-body uk-light">1-3</div>
</div>
floriandotpy commented 7 years ago

Just use the uk-card class and remove all modifier classes, like uk-card-default or uk-card-secondary.

Example: https://codepen.io/anon/pen/oeZGpG

floriandotpy commented 7 years ago

Also, this issue should probably belong to https://github.com/uikit/uikit

Closing this for now. If my previous answer doesn't solve the issue, please open an issue in that repository.