Nebular: Override bootstrap's text-emphasis-variant mixin to properly set text-#{status} colours

Created on 14 Aug 2019  路  1Comment  路  Source: akveo/nebular

Issue type

I'm submitting a ...

  • [x] bug report
  • [ ] feature request

Issue description

Current behavior:

The theme colours in the .text-#{$status} classes are being overriden by bootstrap's mixin

Expected behavior:

The theme colours should be used

Steps to reproduce:

Add the text-primary class to any div and view the applied classes in your browser. Or view the ngx-admin typography page and apply the cosmic theme:

.nb-theme-cosmic .text-primary {
color: #a16eff;
}

.text-primary {
color: #007bff !important;
}

Workaround:

Add this to a parent scss (eg styles/_overrides.scss in ngx-admin):

  @each $status in nb-get-statuses() {
    @include text-emphasis-variant(".text-#{$status}", nb-theme(color-#{$status}-default));
  }

Other information:

npm, node, OS, Browser

Node: v10.16.0
npm: 6.9.0
OS: macOS Sierra 10.12.6
Browser: Chrome

Angular, Nebular

Angular: 8.1.1
Nebular: 4.1.3
bug theme needs triage

Most helpful comment

+1

   "@nebular": "4.6.0",
    "bootstrap": "4.4.1",

>All comments

+1

   "@nebular": "4.6.0",
    "bootstrap": "4.4.1",
Was this page helpful?
0 / 5 - 0 ratings

Related issues

muysewinkel picture muysewinkel  路  4Comments

bestasholli picture bestasholli  路  3Comments

henry74 picture henry74  路  3Comments

batousik picture batousik  路  4Comments

ChristianVega5421 picture ChristianVega5421  路  3Comments