oo

Theme CSS YAML Configuration Reference

You can define a theme CSS client extension with a client-extension.yaml file.

Usage Details

This client-extension.yaml file defines a theme CSS client extension:

able-theme-css:
    clayURL: css/clay.css
    mainURL: css/main.css
    name: Able Theme CSS
    type: themeCSS

The required mainURL and clayURL properties set the path to the two CSS resource files (main.css and clay.css, respectively). These CSS files correspond to those deployed with a theme module project.

The CSS in these files is added to the styling already used in your theme. In case of a conflict, the client extension’s CSS overrides the styling already on the page.

The example workspace includes a complete theme CSS client extension.

YAML Properties

These properties are specific to theme CSS client extensions:

Name Data Type Description
clayURL URL (Required) The path to the CSS file representing the clay.css file of a Liferay theme. The complete URI is prefixed by the baseURL value.
mainURL URL (Required) The path to the CSS file representing the main.css file of a Liferay theme. The complete URI is prefixed by the baseURL value.

See Frontend Client Extension Properties for properties common to all frontend client extensions.