Bulma: Unreadable card titles in dark hero

Created on 31 Aug 2016  路  3Comments  路  Source: jgthms/bulma

Checklist

  • [x] This is about Bulma the CSS framework and not about the Bulma website
  • [x] I'm using Bulma version [0.1.2]
  • [x] My browser is: Chrome 52
  • [ ] This is a Sass issue: I'm using version [x.x.x]
  • [x] I am sure this issue is not a duplicate?

    Description

It seems putting a .card element inside the .hero-body of a .hero.is-dark element results in the title and subtitle being white on white, and thus unreadable.

Steps to Reproduce

  1. Make a dark hero element
  2. Put a card in it
  3. Fail...

_Expected behavior:_ The hero title/subtitle style should not take priority over the card title/subtitle style.

_Actual behavior:_ The hero title/subtitle style clobbers the card title/subtitle style, making them unreadable.

screenshot

bug bulma combination pinned

Most helpful comment

You can fix it with:

.hero.is-dark .card .title {
  color: #363636;
}

All 3 comments

Ran into this as well. Any timeline on a fix?
I tried adding "is-dark" to card, but that doesn't work either.

You can fix it with:

.hero.is-dark .card .title {
  color: #363636;
}

Is fixed, to be closed.

Was this page helpful?
0 / 5 - 0 ratings