Plantillas en Drupal 8: Añadiendo CSS y JS

 

Anular y extender las librerías

 

Las librerías que se han definido en *.libraries.yml se pueden anular o extender usando las entradas libraries-override y libraries-extend en el archivo de temas *.info.yml. Sub-temas heredan las libraries-override y libraries-extend especificados en la base de los temas.

 

 

Hay una propiedad stylesheets-remove que también se puede definir en temas *.info.yml -pero es obsoleta y desaparecerá en Drupal 9.0.x. Solía haber también una propiedad stylesheets-override, pero se ha eliminado.

 

Nota: Esto no puede ir en los archivos *.libraries.yml , debe ir en el archivo *.info.yml .

 

libraries-override

 

libraries-override es una forma de manipular las herramientas activas (CSS/JS) declarados por las librerías. Esto incluye la eliminación o sustitución de herramientas, así como la extracción completa de una librería.

 

libraries-override:
 # Replace an entire library.
 core/drupal.collapse: mytheme/collapse
 
 # Replace an asset with another.
 subtheme/library:
   css:
     theme:
       css/layout.css: css/my-layout.css

 # Replace a core module JavaScript asset.
 toolbar/toolbar:
   js:
     js/views/BodyVisualView.js: js/views/BodyVisualView.js

  # Remove an asset.
 drupal/dialog:
   css:
     theme:
       dialog.theme.css: false
 
 # Remove an entire library.
 core/modernizr: false

 

 

libraries-extend

 

libraries-extend proporciona una forma para temas de alterar las herramientas de una librería al añadir una librería de herramientas de temas-dependientes cuando se adjunta una librería.

 

 

 

libraries-extend se especifica mediante la ampliación de una librería con cualquier número de otras librerías.

 

 

Esto es perfecto para moldear ciertos componentes de manera diferente en tu tema, mientras que al mismo tiempo no se hace eso en CSS global. Es decir, para personalizar el aspecto de un componente sin tener que cargar el CSS para hacerlo en cada página.

 

# Extend drupal.user: add assets from classy's user libraries.

libraries-extend:
 core/drupal.user:
   - classy/user1
   - classy/user2

 

 

Conectar una librería a la(s) página(s)

Páginas

Total de votos: 300

Entradas relacionadas

Comentarios (0)

Deja un comentario