Trainer for frontend technologies, podcaster [@workingdraft](https://twitter.com/workingdraft).

Peter Kröner

* Full issue name: **Unstyled utility example**
* Status: `ERROR`
* Related to: [Utilities](/docs/configuration/utils)
* Summary: a utility element has no styles
* How to fix: add some styles for your utility

Warhol was unable to create a style utility because the example elements that
match the source selector have no styles applied to them.


docs/getting-started/basic-concepts/content.md

Basic concepts

JavaScript Development.
[@workingdraft](https://twitter.com/workingdraft),
[@nightlybuildio](https://twitter.com/nightlybuildio)

Hans Christian Reinl

docs/getting-started/get-account/content.md

Register an account

docs/getting-started/get-extension/content.md

Get the browser extension

docs/getting-started/create-pattern-library/content.md

Create a pattern library

docs/getting-started/use-the-extension/content.md

Debug with the extension

Get help and support

Getting started

docs/configuration/patternLibUrl/content.md

Pattern Lib URL

docs/configuration/breakpoints/content.md

Breakpoints

Components

Theme

docs/configuration/theme-colors/content.md

Theme.Colors

docs/configuration/theme-typography/content.md

Theme.Typography

docs/configuration/theme-icons/content.md

Theme.Icons

Utils

Configuration

docs/snapshot-issues/ambiguous-component-example/content.md

An element matches more than one component source selector

Ambiguous component example

docs/snapshot-issues/color-element-not-found/content.md

Color source element not found in the pattern library

Color element not found

docs/snapshot-issues/color-property-not-declared/content.md

A color property that was configured as a source is not declared

Color property not declared

docs/snapshot-issues/component-not-found/content.md

Component not found

docs/snapshot-issues/empty-utility-rule/content.md

A style utility rule contains no declarations

Empty utility rule

docs/snapshot-issues/feature-not-supported/content.md

A Warhol feature is currently not supported

Feature not supported

docs/snapshot-issues/hyperactive-dom/content.md

The pattern library's DOM did not stop updating after loading

Hyperactive DOM

docs/snapshot-issues/icon-source-not-found/content.md

Icon source element not found in the pattern library

Icon source not found

docs/snapshot-issues/inaccessible-style-sheet/content.md

Warhol was unable to process style sheets in the pattern library

Inaccessible style sheet

docs/snapshot-issues/inconsistent-component-styles/content.md

Component element styles are not consisitent

Inconsistent component styles

docs/snapshot-issues/inconsistent-utility/content.md

Utility element styles are not consistent

Inconsistent utility

docs/snapshot-issues/invalid-color-property/content.md

A non-color property was defined as a theme color property

Invalid color property

docs/snapshot-issues/invalid-color-source-selector/content.md

The selector for color sources is not a valid CSS selector

Invalid color source selector

docs/snapshot-issues/invalid-component-selector/content.md

The selector for a component source is not a valid CSS selector

Invalid component selector

docs/snapshot-issues/invalid-icon-source-selector/content.md

The selector for an icon source is not a valid CSS selector

Invalid icon source selector

docs/snapshot-issues/invalid-layout-mode/content.md

An invalid value was used in a layout-mode directive

Invalid layout mode

docs/snapshot-issues/invalid-must-match-selector/content.md

A selector in a must-(not)-match directive is not a valid CSS selector

Invalid must-match selector

docs/snapshot-issues/invalid-options/content.md

Invalid options were passed to the snapshot function

Invalid options

docs/snapshot-issues/invalid-typography-source-selector/content.md

The selector for a typography source is not a valid CSS selector

Invalid typography source selector

docs/snapshot-issues/invisible-typography/content.md

Typography examples contain no visible text

Invisible Typography

docs/snapshot-issues/no-colors-found/content.md

Failed to read colors from the pattern library

No colors found

docs/snapshot-issues/non-unique-component-selector/content.md

Warhol is not quite sure about a component match in the pattern library

Non-unique component selector

docs/snapshot-issues/no-typography-found/content.md

Failed to read typography data from the pattern library

No typography found

docs/snapshot-issues/typography-not-explicitly-declared/content.md

Typography not explicitly declared

docs/snapshot-issues/unstyled-utility-example/content.md

Unstyled utility example

docs/snapshot-issues/unsupported-rule/content.md

Warhol does not understand on or more CSS rules on the page

Unsupported rule

docs/snapshot-issues/utility-not-found/content.md

Utility not found

Snapshot issues

docs/directives/must-not-match/content.md

Require elements to (not) match specific css selectors

must-match/must-not-match

Relex Warhol's style checking for element dimensions and positioning

layout-mode

Directives

Conforms

docs/report-types/excess-declarations/content.md

Unexpected CSS declarations on a component or child element

Excess declarations

docs/report-types/excess-pseudo-element/content.md

Excess pseudo element

docs/report-types/hybrid-child/content.md

Hybrid child

docs/report-types/hybrid-component/content.md

Hybrid component

docs/report-types/illegal-typography/content.md

Illegal typography

docs/report-types/illegal-value/content.md

Invalid values on a non-component element

Illegal value

docs/report-types/inaccessible-stylesheet/content.md

Warhol was unable to process style sheets on the page

docs/report-types/invalid-ignore-list-selector/content.md

A selector in the ignore list is not a valid css selector

Invalid ignore list selector

docs/report-types/invalid-must-match-selector/content.md

A selector in a must-match or must-not-match directive is not a valid css selector

docs/report-types/missing-declarations/content.md

Missing declarations

docs/report-types/missing-pseudo-element/content.md

A pseudo element is missing from this element

Missing pseudo element

docs/report-types/must-match-violation/content.md

A selector in a must-match directive does not match or a selector in a must-not-match directive does match

Must-match violation

docs/report-types/non-conforming-typography-expected/content.md

Typography on this element conforms to the component snapshot, but not to the theme's typography rules

Non-conforming typography expected

docs/report-types/non-conforming-value-expected/content.md

Values on this element conform to the component snapshot, but not to the theme

Non-conforming value expected

docs/report-types/non-unique-component-selector/content.md

Warhol had to guess to identity a component

No errors on a component or component child

docs/report-types/unexpected-child/content.md

Unexpected child

docs/report-types/unexpected-value/content.md

A wrong CSS value that also violates the theme

Unexpected value

docs/report-types/unsupported-rule/content.md

Warhol does not understand a CSS rule on the page

Unsupported CSS rule

docs/report-types/unsupported-value/content.md

Unsupported CSS value

docs/report-types/unsure-match/content.md

Warhol had to guess to identity this child element

Unsure match

docs/report-types/wrong-priority/content.md

Wrong priority

Wrong value

Report types

All about organisations and how to add members

Organisations

Application

How to serve a pattern library from your local machine

How to use pattern libs on localhost?

How is interactivity dealt with?

docs/faq/specified-vs-computed/content.md

why does Warhol sometimes not show the original CSS values as they appear in my style sheets?