Topic: Generating .text-{color}-{level} utilities for every color and level

cross_mk premium asked 3 hours ago


I'm trying to generate .text-{color}-{level} utilities for every color and level with the code provided in the MDB5 Doc.

@import "../bootstrap/functions"; @import "../bootstrap/variables"; @import "../bootstrap/mixins.scss"; @import "../bootstrap/utilities.scss";

$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans);

$utilities: map-merge(
  $utilities,
  (
    "color": map-merge(
      map-get($utilities, "color"),
      (
        values: map-merge(
          map-get(map-get($utilities, "color"), "values"),
          (
            $all-colors
          )
        )
      )
    )
  )
);

@import "../bootstrap/utilities/api";

Bit I'm getting an error in variable.scss Error: argument $color of rgba($color, $alpha) must be a color

$table-striped-bg: rgba(var(--#{$prefix}emphasis-color-rgb), $table-striped-bg

How can I fix this?



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 8.1.0
  • Device: Mac
  • Browser: Freifox
  • OS: MacOS
  • Provided sample code: Yes
  • Provided link: No