CSS field formatters

Provides several field formatters to create css styles based on field values. The selector may contain tokens and all formatters support media queries.

Together with field_formatter_css_class you can create a very powerful tool for your users to customize the website design.

Current formatters:

CSS property formatter

Sets any css property based on a field value. For example set the height of an element or change its background color. Supports field prefix and suffix.

CSS style switch

Set multiple css properties based on a value. Boolean fields can be used to set the style only when the checkbox is activated. List fields might be useful to let the user choose which style he wants.

Aspect ratio formatter

Set the aspect ratio of an element. Very useful for responsive webdesign.
It sets the element height to 0 and uses padding-bottom to set the aspect ratio. It's like responsive images, just for every html element.