Esta é uma tradução da página de documentação original em inglês. Ajude-nos a torná-la melhor.

Ativos

A pasta ativos pode conter quaisquer arquivos ou subpastas que não pertençam a outros diretórios. Você pode usar isso para:

  • Estilos JavaScript (deve estar dentro de assets/js);
  • Estilos CSS (deve estar dentro de assets/css);
  • Imagens;
  • Fontes;
  • Qualquer outra coisa que você precise incluir.

assets/js

A pasta assets/js é reservada e deve conter apenas arquivos JavaScript. Para ser usada pelo widget, especifique esses arquivos em: manifest.json.

Por exemplo:

"assets": {
       "js": ["class.widget.js"]
       }

assets/css

assets/css is reserved and should only contain CSS style files. To be used by the widget, specify these files in the manifest.json.

For example:

"assets": {
           "css": ["mywidget.css"]
       }
CSS styles

CSS files may contain a custom attribute theme to define different style for a specific frontend themes.

Available themes and their attribute values:

  • Blue - [theme='blue-theme']
  • Dark - [theme='dark-theme']
  • High-contrast light - [theme='hc-light']
  • High-contrast dark - [theme='hc-dark']

Example:

.widget {
           background-color: red;
       }
        
       [theme='dark-theme'] .widget {
           background-color: green;
       }