Override bootstrap's text-emphasis-variant mixin to properly set text-#{status} colours
- Vorherrschende Sprache
- TypeScript
- Sterne
- 8.1k
- Forks
- 1.5k
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
### 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
```
Beitragsleitfaden
Bewertung
Dieses Issue wurde noch nicht bewertet.