More Beauty card-footer on card-outline #21070

Closed
SuperWangCC opened this Issue Nov 2, 2016 · 4 comments

Comments

Projects
None yet
5 participants
@SuperWangCC

More Beauty card-footer (suggestion)

When the card set to outline-color*. the card footer become ugly.

so we can add card-outline-color support for the card-footer.
_001

@rafalp

This comment has been minimized.

Show comment
Hide comment
@rafalp

rafalp Nov 2, 2016

Header and footer styles are basic for purpose of custom theming.

rafalp commented Nov 2, 2016

Header and footer styles are basic for purpose of custom theming.

@guylepage3

This comment has been minimized.

Show comment
Hide comment
@guylepage3

guylepage3 Nov 2, 2016

I'm with @rafalp. I definitely do not want more styling added to bootstrap. Simplicity is something I would like to begin pushing for.

I'm with @rafalp. I definitely do not want more styling added to bootstrap. Simplicity is something I would like to begin pushing for.

@mdo

This comment has been minimized.

Show comment
Hide comment
@mdo

mdo Nov 4, 2016

Member

We won't be making changes to support theming of the inner components. One thing I might do is make those background-colors rgba so they can blend easier with parent backgrounds, but that's about it.

Member

mdo commented Nov 4, 2016

We won't be making changes to support theming of the inner components. One thing I might do is make those background-colors rgba so they can blend easier with parent backgrounds, but that's about it.

@mdo mdo closed this Nov 4, 2016

@mdo mdo added css v4 labels Nov 4, 2016

@javis2

This comment has been minimized.

Show comment
Hide comment
@javis2

javis2 Dec 21, 2016

I agree with @SuperWangCC that it would have been nice to have the header and footer take on the same colour scheme as the outline class applied.

However, adding "bg-*** text-white" to the card-header or card-footer produces a good result.

For example:

<div class="card" card-outline-success>
    <div class="card-header bg-sucess text-white">Header</div>
    <div class="card-block">
        Content
    </div>
</div>`

capture

javis2 commented Dec 21, 2016

I agree with @SuperWangCC that it would have been nice to have the header and footer take on the same colour scheme as the outline class applied.

However, adding "bg-*** text-white" to the card-header or card-footer produces a good result.

For example:

<div class="card" card-outline-success>
    <div class="card-header bg-sucess text-white">Header</div>
    <div class="card-block">
        Content
    </div>
</div>`

capture

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment