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

[Suggestion] Add a shadow class on v4 #108

Open
jmfergeau opened this issue Aug 19, 2021 · 2 comments
Open

[Suggestion] Add a shadow class on v4 #108

jmfergeau opened this issue Aug 19, 2021 · 2 comments

Comments

@jmfergeau
Copy link

Would be nice to add a class that adds shadows on specific blocks that don't have any. Something like:

.shadowed {
    filter: drop-shadow(7px 8px 0 black);
}

I tried this on a card block, a h1 block and a jumbotron block and it worked great. Doesn't work well with a list-group but well, better not put too much shadows either, eh. :p

Capture

@kristopolous
Copy link
Owner

huh interesting. it fundamentally changes the project which is to be word for word compatible with bootstrap documentation without as few additional features as possible

I like the idea for sure though. If you have code in the bs4 folder and do a PR I'll be happy to review it

@jmfergeau
Copy link
Author

I've actually done it on the hugo theme I did based on bootstra.386 in its v3. You can see it here. I've proceeded differently by putting it only on the sideblocks because of context. (in style.css)

Knowing there's a "shadow" class already built in bootstrap 4 and 5, I'll do tries with bootstra.386 and will make a PR if i manage to make it work. It should work alright if the 386ed shadows overwrite the other bootstrap shadow classes.

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