Uso do sistema de estilos using-the-style-system-with-aem-sites

[Para publicar do AEM Sites usando o Edge Delivery Services, clique aqui.]{class="badge positive" title="Publicar de AEM para Edge Delivery Services"}

O sistema de estilos da Adobe Experience Manager permite variações visuais de componentes sem desenvolvimento de back-end, permitindo uma melhor reutilização de componentes AEM e uma criação de conteúdo mais versátil e eficiente. O Sistema de estilos, quando usado em conjunto com os Componentes principais do AEM, o editor de modelos e o layout responsivo, oferece recursos avançados para compor rapidamente experiências ricas.

Este vídeo demonstra como o Sistema de estilos pode ser aproveitado para criar aparências visuais dramaticamente diferentes para um único componente, usando apenas CSS.

Os estilos mostrados são fornecidos pela variável aplicativo WKND. Esses estilos são definidos como CSS e não exigem alterações na lógica de backend do componente, no script HTL ou no Modelo Sling.

Recursos adicionais additional-resources

Quer aprender a desenvolver com o Sistema de Estilos? Confira os seguintes tutoriais:

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d