imgix APIsRendering APIColor PaletteCSS Prefix

CSS Prefix

prefix

Sets the class prefix for generated CSS styles, replacing “image” in the class name.

If palette is set to json, prefix is ignored. Setting prefix=frog will result in the following CSS:

.frog-fg-1 {
  color: #ffd905 !important;
}
.frog-bg-1 {
  background-color: #ffd905 !important;
}
.frog-fg-2 {
  color: #33ba57 !important;
}
.frog-bg-2 {
  background-color: #33ba57 !important;
}
.frog-fg-3 {
  color: #01932f !important;
}
.frog-bg-3 {
  background-color: #01932f !important;
}
.frog-fg-4 {
  color: #091c4e !important;
}
.frog-bg-4 {
  background-color: #091c4e !important;
}
.frog-fg-ex-1 {
  color: #ffffff !important;
}
.frog-bg-ex-1 {
  background-color: #ffffff !important;
}
.frog-fg-ex-2 {
  color: #000000 !important;
}
.frog-bg-ex-2 {
  background-color: #000000 !important;
}