Rendering API

  1. Documentation
  2. imgix APIs
  3. Rendering API
  4. Color Palette
  5. CSS 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; }

See the API specification for more information about this parameter's value ranges and format.

Other Color Palette Methods