Text coloring

Topic: Text coloring

devtrix pro asked 6 years ago

Hi, I asked this question before and resolved it for the version 4.4.4 or something. I now have 4.5 and can't find this. For example, blue-text text-darken-4 etc. I can't find the lines to un-comment in _colors.scss. Please advise asap.

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

Hi,

add this code:

<code>.#{$color_name}-text.text-#{$color_type} {
color: $color_value !important;
}</code>

to this loop:

<code>// Colors classes
@each $color_name, $color in $colors {
@each $color_type, $color_value in $color {
@if $color_type == "base" {
.#{$color_name} {
background-color: $color_value !important;
}
.#{$color_name}-text {
color: $color-value !important;
}
.rgba-#{$color_name}-slight {
background-color: rgba($color_value, .1);
}
.rgba-#{$color_name}-light {
background-color: rgba($color_value, .3);
}
.rgba-#{$color_name}-strong {
background-color: rgba($color_value, .7);
}
}
@else {
@if $enable_full_palette {
.#{$color_name}.#{$color_type} {
background-color: $color_value !important;
}
}
}
}
}</code>

After change, the loop shoud look like this:

Best,

Marta

Please insert min. 20 characters.

Hi, add this code:

.#{$color_name}-text.text-#{$color_type} {
color: $color_value !important;
}

to this loop:

// Colors classes
@each $color_name, $color in $colors {
@each $color_type, $color_value in $color {
@if $color_type == "base" {
.#{$color_name} {
background-color: $color_value !important;
}
.#{$color_name}-text {
color: $color-value !important;
}
.rgba-#{$color_name}-slight {
background-color: rgba($color_value, .1);
}
.rgba-#{$color_name}-light {
background-color: rgba($color_value, .3);
}
.rgba-#{$color_name}-strong {
background-color: rgba($color_value, .7);
}
}
@else {
@if $enable_full_palette {
.#{$color_name}.#{$color_type} {
background-color: $color_value !important;
}
}
}
}
}

After change, the loop shoud look like this:

// Colors classes
@each $color_name, $color in $colors {
@each $color_type, $color_value in $color {
@if $color_type == "base" {
.#{$color_name} {
background-color: $color_value !important;
}
.#{$color_name}-text {
color: $color-value !important;
}
.rgba-#{$color_name}-slight {
background-color: rgba($color_value, .1);
}
.rgba-#{$color_name}-light {
background-color: rgba($color_value, .3);
}
.rgba-#{$color_name}-strong {
background-color: rgba($color_value, .7);
}
}
@else {
@if $enable_full_palette {
.#{$color_name}.#{$color_type} {
background-color: $color_value !important;
}
.#{$color_name}-text.text-#{$color_type} {
color: $color_value !important;
}
}
}
}
}

Best, Marta

Add comment

Jakub Strebeyko staff answered 6 years ago

0 0 Best answer

Hi there,

Thanks for your input. MDB version 4.5 brought many improvements, including the way SCSS files are compiled. Nowadays, the easiest way to adjust existent rules or add custom ones is to write them into the _custom.scss file and then compile / minimize the whole mdb.css pack anew.

With Best Regards,
Kuba

devtrix pro commented 6 years ago

Do you mean you guys went backwards? Did you remove those definitions?

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

devtrix

Pro User 84Support score
23Questions 12Answers 1Snippets