search

tushargugnani / 5balloons.info

5 stars 1 forks source link

generate-background-color-for-all-available-colors-in-bootstrap-5/ #71

Open utterances-bot opened 1 year ago

utterances-bot commented 1 year ago

Generate Background Color for all Available Colors in Bootstrap 5 | 5 Balloons

https://5balloons.info/generate-background-color-for-all-available-colors-in-bootstrap-5/

Jonston commented 1 year ago

Hi!Thx you.You have bg-blue everywhere.

tushargugnani commented 1 year ago

Hi!Thx you.You have bg-blue everywhere.

@Jonston Fixed it, Thank you for reporting !

2dareis2do commented 9 months ago

Thanks for sharing. This is what I was looking for.

I think you can use without !important. I my sass I am using like this.

@each $key, $value in $cyans {
  .#{$prefix}bg-#{$key} {
    background-color: $value;
  }

  .text-#{$key} {
    color: $value;
  }
}

Not sure but there is probably a way to loop over all the colours in one go. grays look slightly different, and also black and white.

danielsonoiki commented 7 months ago

Hi, great job. Saw this link from your YouTube video. Question is, can you just share the app.css file with me? That is, the css file with all the color codes after running npm run dev.