An <hx class=".panel-title"> should inherit color from .panel-heading

[maniqui]

The class .panel-title, which is usually applied to a heading element (<hx class="panel-title">) doesn't inherit the color defined for .panel-heading, which is defined in this rule:

.panel-primary > .panel-heading {
  color: #ffffff;
}

Instead, it currently inherits its color from the one defined in the rule h1, h2, h3..., .h1, .h2, .h3... {}.

My opinion is that the .panel-title class should inherit its color from .panel-heading class.

The change is simple. In panels.less, do:

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
+  color:inherit;
  font-size: ceil((@font-size-base * 1.125));
  > a {
    color: inherit;
  }
}

Sorry for not submitting a proper patch or a pull request. I'm a bit short of time right now.

[zlatanvasovic]

Looks fine for me, I can't reproduce an issue.

[carasmo]

@maniqui : thanks!

I could reproduce this because I'm defining a color for

@headings-color:          #000;

instead of inherit which is the default. If inherit is used, then it works fine, if you define a color, then the panel titles are the @headings-color not the @panel-primary-text, etc color.

also, if you change the order in type.less to put the emphasis classes after the h1, .h1 - h6, .h6 then h1.text-primary and so on will be the colors you want and also not the @headings-color

[mdo]

@carasmo I checked this out locally and the fix described in the opening comment works fine for this. The problem you're describing though is resolved in #11515 (by your solution). Thanks! <3

[carasmo]

Cool!